ゼロからはじめてプロになる HTML/CSS&伝わるWebデザイン
書籍情報
発売日 : 2025年01月20日
著者/編集 : HIROCODE.
出版社 : KADOKAWA
発行形態 : 単行本
書籍説明
内容紹介
Webデザイナーやクリエイターから大人気!
YouTube登録者数6.8万人超の現役Webデザイナー兼フロントエンドエンジニア、
「HIROCODE.」による初の著書!
デザインとコーディングのスキルが1冊で身につく!
旬のデザインツール「Figma」の使い方も解説しています。
この本は、知識はないけれども、Webデザインに興味のある方や、
これからWebデザイナーとしてキャリアをスタートしたい方に向けた入門書です。
Webデザイナーの仕事は、大きく2つに分かれます。
1つ目は、デザインツールを使ってWebサイトのビジュアルを作成する
「Webデザイン(デザインカンプ制作)」の仕事。
2つ目は、そのデザインをHTMLやCSSでWebページに変換する「コーディング」の仕事です。
多くのWebデザイナーは、この2つのスキルを兼ね備えており、どちらも重要なスキルです。
本書では、デザインの基礎知識や、「Figma」を使ったデザインカンプのつくり方、
そして、そのカンプを「HTML/CSS」を使ってコードに変換するという
プロとまったく同じ制作フローを体験しながら、
Webデザインの基礎から実践までをしっかり理解できるように構成しています。
■こんな人にオススメ!
・Webデザインに興味がある初心者
・Web制作の仕事に就きたい学生や社会人
・技術はもちろん、クリエイティブも重視したい人
■本書のここがスゴイ!
・実際の制作の流れに沿ってポイントが理解できる
・デザインツール「Figma」の使い方も学べる
・サンプルを使って実際にサイトをつくりながら勉強できる
・重要パートは著者による解説動画付き!
Chapter1 最初に知っておきたいWebサイトの基本
Chapter2 絶対に知っておきたいWebデザインの基本
Chapter3 デザインツール「Figma」の基本
Chapter4 サイトマップとワイヤーフレームをつくろう
Chapter5 デザインカンプをつくろう
Chapter6 コーディングの始め方
Chapter7 HTMLの基本をおさえよう
Chapter8 CSSの基本をおさえよう
Chapter9 カフェサイトをコーディングしよう
YouTube登録者数6.8万人超の現役Webデザイナー兼フロントエンドエンジニア、
「HIROCODE.」による初の著書!
デザインとコーディングのスキルが1冊で身につく!
旬のデザインツール「Figma」の使い方も解説しています。
この本は、知識はないけれども、Webデザインに興味のある方や、
これからWebデザイナーとしてキャリアをスタートしたい方に向けた入門書です。
Webデザイナーの仕事は、大きく2つに分かれます。
1つ目は、デザインツールを使ってWebサイトのビジュアルを作成する
「Webデザイン(デザインカンプ制作)」の仕事。
2つ目は、そのデザインをHTMLやCSSでWebページに変換する「コーディング」の仕事です。
多くのWebデザイナーは、この2つのスキルを兼ね備えており、どちらも重要なスキルです。
本書では、デザインの基礎知識や、「Figma」を使ったデザインカンプのつくり方、
そして、そのカンプを「HTML/CSS」を使ってコードに変換するという
プロとまったく同じ制作フローを体験しながら、
Webデザインの基礎から実践までをしっかり理解できるように構成しています。
■こんな人にオススメ!
・Webデザインに興味がある初心者
・Web制作の仕事に就きたい学生や社会人
・技術はもちろん、クリエイティブも重視したい人
■本書のここがスゴイ!
・実際の制作の流れに沿ってポイントが理解できる
・デザインツール「Figma」の使い方も学べる
・サンプルを使って実際にサイトをつくりながら勉強できる
・重要パートは著者による解説動画付き!
Chapter1 最初に知っておきたいWebサイトの基本
Chapter2 絶対に知っておきたいWebデザインの基本
Chapter3 デザインツール「Figma」の基本
Chapter4 サイトマップとワイヤーフレームをつくろう
Chapter5 デザインカンプをつくろう
Chapter6 コーディングの始め方
Chapter7 HTMLの基本をおさえよう
Chapter8 CSSの基本をおさえよう
Chapter9 カフェサイトをコーディングしよう