これから作ろうとするWebサイトのワイヤーフレームを作成するためのツールとしてFigmaを選択しましたが、とりあえず入門書からということで、9/30に発売になったばっかりの本書を購入してみました。サンプルを見てハンズオン的に進められそうだったのがポイントです。
目次はこんな感じです。
- Chapter0 Figmaについて知ろう
- Chapter1 ロゴを作ろう
- Chapter2 バナーを作ろう
- Chapter3 レイアウトのベースを作ろう
- Chapter4 パーツを作ってレイアウトしよう
- Chapter5 トップページのデザインを完成させよう
- Chapter6 下層ページとプロトタイプを作ろう
ということで早速、Chapter0をざっと読んでChapter1のロゴ作成をしてみました。手順が一つ一つ丁寧にかかれていたので、それをみながら順番に進めたら、こんな感じのロゴが作れました。
これを応用？してこのブログのfaviconとロゴを作ってみた。
