blog

初学者のひとりごとメモ

カテゴリ: 制作日誌

タグ:

アトリエ金工やまぐち様制作日誌3【デザインカンプ編】

投稿日:2023年8月8日

←「アトリエ金工やまぐち様制作日誌2【ワイヤーフレーム編】」の続きです。

トーンとフォント

アトリエ金工やまぐち様トーンとフォント

トーン

  • ベースカラー:#F9F9F9
  • メインカラー:#BF8D64
  • アクセントカラー:#443224
  • フォントカラー:#333333

クライアントが大事にする「(金属・手作りの)温もり」を表すため、セピア色を中心に使用。

フォント

  • ベースフォント:游ゴシック
  • 見出し等フォント:Zen Old Mincho
  • 一部英字:Noto Sans CJK JP

読ませるフォントには游ゴシックを、見出しなど雰囲気を重視したいフォントには、柔らかく繊細さのあるZen Old Minchoを使用。

デザインカンプ

アトリエ金工やまぐち様デザインカンプ(バージョン1~5)

何度か講師とやり取りを行い、修正稿を提出。
初めのうちは背景写真を入れたりテクスチャを入れたりと情報量を増やす方向で迷走していたが、余白を多く、引き算していきながら、余裕のある画面を設計。

PC版完成稿(クリックで表示)

最新のblog記事

  1. 学習メモ

    学習メモ

    XAMPPで複数サイトを管理したい

    2024年6月3日
  2. 制作日誌

    アクセシビリティ向上日誌3【ワイヤー編】

    2024年5月6日
  3. 学習メモ

    学習メモ

    CSS Nite リアルタイムでコードを共創できるオンラインエディターCodePenを活用しよう

    2024年4月26日
  1. 1
  2. 2
  3. 9
  4. 10