最近webの勉強を行なっているのにSNSのリンク集を作っていないことに気がつき、今までサービスのみで使っていましたが、作り直してみました。
見やすく私らしくしたい
今まで無料サービスで使用していたデザインだと、ぱっと見が重く、ちょっと近寄りがたいデザインになっていました。
(「色々試してみたい」気持ちを押し込んだようななんとも言えないデザイン)
今回は「柔らかく優しい印象」になるように作り直します!
作成の目標
- 「私」をイメージできるようなデザイン
- 今までの勉強したこと(CSSなど)を生かして作成
初期段階

突発で作ったため下書きとかなしで今回は作っています。
(「下書きなし」ということが、この後で後悔しました。)
なんだか野暮ったくボタンが重たすぎる印象に。
「ボタン押して!」のアピールが強く、ちょっと触りたくないような…。
ブレイクタイム

少し休んで、頭の整理整頓。
ここで作り続けると変なものを作りかねないので、ゆっくり休みます。
ピンタレストや雑誌など見て気になることをメモします。
(デザインは寝かせると客観的に見えます)
修正後
ボタン→白に変更しました。
全体的に明るく軽い印象になりました。
JavaScriptやCSSでアニメーションを追加、ふんわり柔らかい印象になりました。
少し私らしくなれたかなと考えています。
でも、ボタンのサイズも時になる部分があったので、完成度は…まだまだ87%かと感じています。
今回の反省点
デザインラフなしで行ったため、かえって遠回りをしてしまいました。
「どんなに小さなデザインでも計画を立てて、作成を行う」ことがやっぱり必要と感じました。
作成前に考えたほうがいいこと
- 何故作るのかコンセプト
- 今後どういうふうに使いたいのか
- 動線作り
- デザインラフ
次は100%になれるように作っていきます!

