概要
オリジナルのプロフィールリンクをデザインしてみましょう。
サンプル(あくまで例、オリジナルのデザインにすること)
キャンバスサイズ 横幅390px
納品形式 PhotoshopもしくはFigmaで出力したPNG
納品形式 PhotoshopもしくはFigmaで出力したPNG
参考サイト:
- https://lit.link/
- https://www.canva.com/ja_jp/templates/s/lit-link/
目的
Photoshopで簡易なWebページをデザインできるようになる。
作業内容
PhotoshopもしくはFigmaでファイルを新規作成し、プロフィールページを作成してください。
ボタンや入力エリアは長方形ツールなどを使用し、できる限り後から修正がしやすくしてください。
※つまり各パーツをブラシでペイントし色分けするだけでは不十分。
掲載内容
- プロフィール画像
- 自己紹介文
- SNSリンク3種(ダミーでも良い)
を最低限入れてください。
その他「何のためのプロフィールページか」をしっかり設定の上、任意で項目を加えても構いません。
素材
データは新規作成してください。(キャンバスサイズ 横幅390px)
素材は自分で撮影したり、各種フリー素材サイトから入手してください。
使用ソフト
Adobe Photoshop
もしくは
Figma
解答例
Photoshopの制作データです。最もシンプルなものになっています。
参考となるサイトやデザインを探し、分析し、自分に合った充実した内容にするのを推奨します。
デザイン参考サイト
Just a moment...