伝えたい相手にとってどの情報が必要なのか、情報の優先順位をつけて整理しデザインに反映させます。サイトに訪れた人が目的を達成できるよう、相手目線に立って制作します。
制作の意図など、相手に理解してもらえるように言葉を用いて丁寧に説明します。制作物は自分の言葉で人に説明できるよう言語化することを意識しています。
自分にとっては「普通」のことでも、相手にとっては違うかもしれない。そんな視点を忘れずに、どうしたら改善できるか、パターンを組み選択肢を増やすなどの試行錯誤を繰り返し行うことで課題解決を狙います。
適切なレイヤー管理、アートボードを使用して、カンプやバナーを複数サイズ展開させることが可能。アセット機能を使った画像書き出しや、調整フィルターを使用した画像補正、フィルター機能を使用した画像加工を行うことができる。
複数サイズのバナー作成
調整フィルターやフィルター機能使用した画像補正と加工
適切なレイヤー管理、サイト制作に必要な簡単なロゴやアイコンの作成、拡大縮小に強く、どのような解像度のデバイスにも対応できるSVGでの書き出し、文字の装飾などの作業が可能。 パターンを作成しバナーデザインに使用することができる。
オリジナルパターンを使用したバナー作成
SVGでの書き出し
Webサイトのカンプデザインを制作可能。チームでの作業を見据えたデータの管理。勉強中。
レスポンシブ対応を意識したデザインの作成
PDF等での書き出し
適切な見出しの設定を行い、コンテンツを正しい文章構造にマークアップすることで、SEOに直結することを意識して制作した。
HTML5ツリー構造でのマークアップが可能
SEOを意識した適切なタイトル、metaの設定
様々な単位を使用し、フルードイメージなどの画像表示を使い分けることでレスポンシブを意識したサイト制作を行った。Sassでは、メインカラーやフォントなどを予め変数として保存し、必要なところで使用する事で一貫性のあるデザインを意識、作業効率を上げた。
flexboxの実装や、vh、%、remなどの様々な単位の使用
カスタムプロパティを使用したデザイン設計
スライダー、モーダルウィンドウ、フェード、スムーススクロールなど、Webサイトに動きをつけるためのjQuery実装が可能。 Ajaxでは読み込むデータを外部ファイル化し、サイトのニュース部分では更新・管理のしやすさに繋げた。
プラグインを使用し、様々なアニメーションを実装
Ajax機能で、メモ帳でニュース部分を更新可能に