1月の授業日記

1/7 サイトのデザイン

コンテンツの構成

  1. 要素の抽出
    • 項目名を全てあげる 
  2. カテゴライズ
    •  グループごとにまとめる
  3. インデックス付け
  4. グループに相応しい見出しをつける 

デザインと実装(コーデイング)の分離

webではデザインとコーディングが分離されていてデザインの完成後、実装に入る

  • デザイン修正はコーディングもやり直しになる
  • コーディングのしやすさにとらわれずデザインのバランスを保てる
  • 実装が可能かを考えながらデザインする

デザインテイスト

無意味な作り直しを避けるためにクライアントとどのようなテイストにするか事前に決定しておく

 

複数案

A案

 

B案

1/14 デザイン

カラースキーム

カテゴリ毎の違いを明確化できるようカラーを設計し、それをキーカラーに展開する

メニューとタイトルの関係性の整理 

  • メニューとタイトルの位置関係
    • 極力近くへ配置し関係性を明確に
  • カラースキーム・表記の統一
    • 統一を図り関連性を明快に

スペシャルコンテンツ

ydaでの2年間を振り返る

ydaでの2年間の成長をこれまで作成した作品から振り返る

今日のひとこと

どこまで間に合っててどこからできてないのかわからなくなっちゃっいました(汗)

2/4 企業サイトの制作過程

企業サイトの進行

  • 企業〜構成までが長く実制作の時間は短い
  • 実制作の裏で多くの作業が行われていることに留意する

最後のひとこと

本当に追いつけるかわからなくなるくらい遅れたけど無事に完成できてよかったです。