ゼロからはじめてプロになる HTML／CSS＆伝わるWebデザイン

HIROCODE.

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」の使い方も学べる
・サンプルを使って実際にサイトをつくりながら勉強できる
・重要パートは著者による解説動画付き！

• カテゴリ: ビジネス・実用
• ジャンル: IT・コンピュータ / 全般
• 出版社: KADOKAWA
• 電子版発売日: 2025年01月20日
• コンテンツ形式: EPUB
• サイズ(目安): 97MB

[ブクログ · ★★★★☆]

わかりやすいけど説明に対する例をもう少し欲しい。
「伝わるデザイン」というよりhtmlとcssの基礎本。
ほかとちがうのはfigmaの使い方の説明が丁寧にあること。

[ブクログ · ★★★★☆]

勉強していて抜け漏れがないかのためにサラッと読み。
知らなかった知識も多々あり、ペラ見だけだったけど、しておいてよかった。
特にFigmaのバリアントの使い方はホバーする時くらいしか用途ないのかな、と思ってたけど、なるほど。他にも使い方がありそうだ。