ウェブ学のすすめ

Study of Web Design & Programing

ポートフォリオ作成の道のり2【ワイヤーフレーム】



第2回目はCacooを利用してワイヤーフレームを作ってみました。まだ草案の状態ですが、形にすることで改善点、製作したい理想のサイトの形が見えてきました。

プレビュー

ポイント

ヘッダー
  • スライダー系、もしくはパララックスを使用し、画像に動きをつける
  • ソーシャルボタンも設置する
コンテンツ
  • タブメニューで他のサイトやブログ(はてなダイアリーなど)のRSS情報を出力
  • 習作を載せるページでは、各作品のサムネイルを表示してそこからそれぞれのページに遷移するようにする
  • 製作したサイトの紹介ページでは、記号や番号を用いてポイントを解説する
サイドバー
  • 図解を使用した自己紹介
  • できることを文字とビジュアルで表現する