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

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

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

[サイト制作]ポートフォリオ制作について

今日の先生のお話は主に、レスポンシブwebデザインとポートフォリオ制作のことについてだった。

 

レスポンシブwebデザイン

  • WordPressで会社HPを作った後、更新できないとやめてしまう企業が増えている。WPの全盛期は終わった。
  • 一方、スマートフォン対応にする企業は増えている。
  • 更新よりもレスポンシブwebデザイン重視にシフトしている。
  • Bootstrapは最初からレスポンシブwebデザイン対応。クラスを多用するので、クラスの使い方が重要。

 

ポートフォリオ制作

【学生向け】ポートフォリオ制作の仕方・注意点 - NAVER まとめ

  • ポートフォリオは、作品集ではない。作品を並べただけではダメ。
  • デザイナーを目指すなら、紙媒体のポートフォリオのデザインも重要視される。
    あえて使用フォントを書く
  • 文字サイズと書体選びは重要。
     使用してはいけないフォント(使っただけで落とされる?!):
       ヒラギノ角ゴ(Mac)など、PCのデフォルトのもの
       HG系
       創英角ゴ、ポップ体、勘亭流 推奨:
       モリサワフォント、オープンタイプフォント、小塚フォント

  • レイアウトはとても重要!
     大きなものはより大きく、小さなものはより小さく。
     この差(ジャンプ率)が大きい程カッコよく見える。
  • 用紙について。
     印刷する紙は裏移りしない紙を使う。両面使用は特に。
     175キロ以上の厚いものが良い.
     アート紙よりコート紙。

   ※先日ポートフォリオ用に急いで用意した紙はコート紙だった。でも厚さが足りない!(128g/m)買い直さねば。

 

サイトマップについて

サイトマップは2種類

  • 人が見る為のサイトマップ   ...sitemap.html
       ページ構造を見せるもの。
       5〜6ページの小規模サイトには不要。
  • 検索エンジン対策    ...sitemap.xml