くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

課題の企業系サイトの予行練習中

来週作成する課題サイトの予習中。

見本通りに作るのではなく、中央のイメージ画像は自分で探し、
グローバルナビゲーションの画像も自分で作成するようにとのこと。

さらに、色も変えてオリジナルにするようにとのこと。

 

下は作成途中のサイトです。
グローバルナビの画像を入れれば、ほぼ完成というところ。

 

※見本のサイトはこちら

 

 [作成中の練習用ページ]

f:id:pleasure10501:20150321225821p:plain

 

見本とは色を変えただけで、配置は忠実に作っています。

 

  • 色は、米Yahoo!の配色を参考にしました。
    企業系サイトなので、清潔感(白)と誠実さ(青)と前進力(紫)を感じられるようにしました。
  • サイドやフッターナビのリンクは、マウスオンすると文字色が変わったり、下線が出るようにしています。

 

実際の演習は一からつくるので、パーツの配置も色も再考して臨みます。

     

広告を非表示にする