19
We b スタイ リッシュ 今風デ ンに ない 2016.12.3. よしぱん 関西フロントエンドUG 年忘れLT大会 自分の

私がWebサイトをスタイリッシュな 今風デザインにしない理由

  • View
    278

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

私がWebサイトをスタイリッシュな 今風デザインにしない理由

2016.12.3. よしぱん

関西フロントエンドUG 年忘れLT大会

自分の

Page 2: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

@yoshipan yoshipaan

Web制作

11年フリーランス

8年

主婦

5年LT

0年

Page 3: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

ここの皆さんは「LT初心者にも優しい」という

噂通り、前日に暖かい声援をいただきました!

Page 4: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

8年前 「フリーランスで活動するなら

自分を売り込むサイトがいるよね?!」 

→ yoshipan.com取得。

Page 5: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

2009 ~ 2013(最低限の情報、ただの置物サイト。5年放置。)

→ 3年前、育休明けにようやくリニューアル。

Page 6: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

3 years ago グラデもベベルも 角丸も消えた?!

• フラットデザイン大流行

• Simple is Best

• シングルカラム・写真どーん

• Bootstrap, Foundation …

↑せっかくCSSで簡単に実装できるよう になったのに、みんな使わないんだ…! と育休明けに衝撃を受けました。

Page 7: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

流行に乗りたくない!

ただ流行ってるからという理由だけで

なぜそのデザインにするのかの「意味」が大事。 自分のサイトぐらい、自分らしさを全面に出した方が良いのでは…?

Page 8: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

2014 ~(Bootstrap使用、WordPress)

布をスキャンして取り込み背景画像に使うなど、 アナログな作り方をして「Bootstrap感」を消そう、

「今風デザイン」から遠ざかろうと試みた。

Page 9: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

3年経過して…

→ でも今風なスタイリッシュなデザインは   しないよ♥だって…

• 改善が必要な点も多々ある。

• そろそろデザインリニューアルも…

Page 10: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

• 「女性的なデザインをして欲しい」

• 「カワイイ系のデザインを!」

• 「女子ウケ」「ママウケ」

→ Web制作者の集まりに行くと「デザイナー不要論」等を耳にすることが

あるし、「デザイン=UI設計(のみ)」と捉えられることもあるけど、

現場レベルではまだまだ感覚的なデザインも求められている(気がする)!

1. (現状でも)意外と仕事の依頼がある!

Page 11: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

置物だった5年間は 月100PV程。

ブログ更新を始めて 月10万PVを突破。

2. コンテンツ重視は当たり前

そんなことは分かってます!!(めちゃ実感してます。)

Page 12: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

2. コンテンツ重視は当たり前

•「コンテンツが大事だからデザインはどうでも良い」と

いう人も居るけど…

•「コンテンツさえ充実していればデザインは皆同じでも

良いの…?」という自問自答。

•フレームワークのテンプレでけでもスタイリッシュな今

風サイトが作れる時代。ノンデザイナーならそれで良い

と思う。

Page 13: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

もしも私のWebサイトのデザインが「フレームワークのテンプレ」

だったら、世の中に沢山ある「育児系オウンドメディア」の1記事と

見分けがつかなかったのでは…??

→ コダサくても、オリジナルなデザインにしていて良かった!!

知らない人達が 「同じブログを見た!」と

認識してくれる喜び。

Page 14: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

3. 効率も大事だけど…

• $maincolor

• $subcolor

• $lightgray

• $gray

• $darkgray

コアカラー + 差し色 + モノトーン で、大体シュッとした デザインできるよね。

Page 15: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

• $maincolor

• $subcolor

• $lightgray

• $gray

• $darkgray

案件の内容、予算や

納期によっては必要

なこと。

3. 効率も大事だけど…

Page 16: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

1677万色もあるのに!

でも、この世には

デザイナーを名乗るなら、もっと色と戯れたい、 配色に悩みたい、格闘したい。

ちゃんと意味のある色づかいがしたい。

Page 17: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

1677万色もあるのに!

デザインの力で

世界観ができる!

ワクワクできる!

Page 18: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

自分のWebサイトぐらい、

「お洒落」で「今っぽい」より

自分らしいデザインをしたい。

Page 19: 私がWebサイトをスタイリッシュな 今風デザインにしない理由

…という言い訳を思いついたので、発表させてもらいました。

ありがとうございました♥