突発で「SNSリンク集」を作成


最近webの勉強を行なっているのにSNSのリンク集を作っていないことに気がつき、今までサービスのみで使っていましたが、作り直してみました。

見やすく私らしくしたい

今まで無料サービスで使用していたデザインだと、ぱっと見が重く、ちょっと近寄りがたいデザインになっていました。
(「色々試してみたい」気持ちを押し込んだようななんとも言えないデザイン)

今回は「柔らかく優しい印象」になるように作り直します!


作成の目標

  • 「私」をイメージできるようなデザイン
  • 今までの勉強したこと(CSSなど)を生かして作成

初期段階

突発で作ったため下書きとかなしで今回は作っています。
(「下書きなし」ということが、この後で後悔しました。)

なんだか野暮ったくボタンが重たすぎる印象に。
「ボタン押して!」のアピールが強く、ちょっと触りたくないような…。

ブレイクタイム

少し休んで、頭の整理整頓。
ここで作り続けると変なものを作りかねないので、ゆっくり休みます。

ピンタレストや雑誌など見て気になることをメモします。
(デザインは寝かせると客観的に見えます)

修正後

ボタン→白に変更しました。
全体的に明るく軽い印象になりました。
JavaScriptやCSSでアニメーションを追加、ふんわり柔らかい印象になりました。
少し私らしくなれたかなと考えています。

でも、ボタンのサイズも時になる部分があったので、完成度は…まだまだ87%かと感じています。

今回の反省点

デザインラフなしで行ったため、かえって遠回りをしてしまいました。
「どんなに小さなデザインでも計画を立てて、作成を行う」ことがやっぱり必要と感じました。

作成前に考えたほうがいいこと

  • 何故作るのかコンセプト
  • 今後どういうふうに使いたいのか
  • 動線作り
  • デザインラフ

次は100%になれるように作っていきます!