Submit Search
Upload
私がWebサイトをスタイリッシュな 今風デザインにしない理由
•
1 like
•
1,863 views
yoshipan
Follow
2016年12月の関西フロントエンドUG 年忘れLT大会で発表したスライドです。 https://kfug.connpass.com/event/42765/
Read less
Read more
Design
Report
Share
Report
Share
1 of 19
Download now
Download to read offline
Recommended
Over40 webclubver2
Over40 webclubver2
弘樹 孫
文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ
文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ
Mami Kuroki
「私らしさを武器に~無理せず200%WEBを活用する方法」@宝塚NPOセンター
「私らしさを武器に~無理せず200%WEBを活用する方法」@宝塚NPOセンター
慈子 森下
若者が勉強会に参加しない問題
若者が勉強会に参加しない問題
Makoto Henmi
ウェブサービスのつくりかた
ウェブサービスのつくりかた
Shuhei Iitsuka
20160115 geekwoman gyori
20160115 geekwoman gyori
Gyori Nagafuchi
開発フローを改善した時の昔話
開発フローを改善した時の昔話
Makoto Henmi
20151219_クラウド女子会_ #クラウド婚 したった
20151219_クラウド女子会_ #クラウド婚 したった
Gyori Nagafuchi
Recommended
Over40 webclubver2
Over40 webclubver2
弘樹 孫
文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ
文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ
Mami Kuroki
「私らしさを武器に~無理せず200%WEBを活用する方法」@宝塚NPOセンター
「私らしさを武器に~無理せず200%WEBを活用する方法」@宝塚NPOセンター
慈子 森下
若者が勉強会に参加しない問題
若者が勉強会に参加しない問題
Makoto Henmi
ウェブサービスのつくりかた
ウェブサービスのつくりかた
Shuhei Iitsuka
20160115 geekwoman gyori
20160115 geekwoman gyori
Gyori Nagafuchi
開発フローを改善した時の昔話
開発フローを改善した時の昔話
Makoto Henmi
20151219_クラウド女子会_ #クラウド婚 したった
20151219_クラウド女子会_ #クラウド婚 したった
Gyori Nagafuchi
受託、SES、WEBと経験したので比較してみた
受託、SES、WEBと経験したので比較してみた
小川 昌吾
娘駆動開発で活躍するAzureのサーバーレスサービス
娘駆動開発で活躍するAzureのサーバーレスサービス
Yuta Matsumura
20161111 re:Work meetupYamagata2016 酒と仕事とテレワークとぎょり
20161111 re:Work meetupYamagata2016 酒と仕事とテレワークとぎょり
Gyori Nagafuchi
シブヤ横断ウルトラクイズ!Webライティング編
シブヤ横断ウルトラクイズ!Webライティング編
loftwork
南実業会Webサイト開設について
南実業会Webサイト開設について
Cherry Pie Web
Minami.rbの履歴書
Minami.rbの履歴書
Satomi Tsujita
20170524 salesforce女子部
20170524 salesforce女子部
Junko Nakayama
WordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみた
reona396
20171025_Tokyo_DG_LT_Road_to_Trailblazer
20171025_Tokyo_DG_LT_Road_to_Trailblazer
Takahito Miyamoto
合コンで喋れない人への話題3連発
合コンで喋れない人への話題3連発
Reimi Kuramochi Chiba
20170614 salesforce女子部#3
20170614 salesforce女子部#3
Junko Nakayama
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
kenji goto
タスクの分別 フロー&ストック!
タスクの分別 フロー&ストック!
Reimi Kuramochi Chiba
Demonstration of Einstein Language with Platform Event
Demonstration of Einstein Language with Platform Event
Takahito Miyamoto
ローカルビジネスのためのFacebookとの付き合い方
ローカルビジネスのためのFacebookとの付き合い方
福田 浩
グラレコでオンラインイベントが盛り上がった話
グラレコでオンラインイベントが盛り上がった話
TsuyukaAzumi
ictsc4 サーバを支える技術
ictsc4 サーバを支える技術
whywaita
現代の†闇†
現代の†闇†
whywaita
https://whywrite.it/dust/dentoolt/15.5/ #dentoolt
https://whywrite.it/dust/dentoolt/15.5/ #dentoolt
whywaita
LT大会 #osc17tk
LT大会 #osc17tk
whywaita
自宅DCのススメ #dentoolt
自宅DCのススメ #dentoolt
whywaita
More Related Content
What's hot
受託、SES、WEBと経験したので比較してみた
受託、SES、WEBと経験したので比較してみた
小川 昌吾
娘駆動開発で活躍するAzureのサーバーレスサービス
娘駆動開発で活躍するAzureのサーバーレスサービス
Yuta Matsumura
20161111 re:Work meetupYamagata2016 酒と仕事とテレワークとぎょり
20161111 re:Work meetupYamagata2016 酒と仕事とテレワークとぎょり
Gyori Nagafuchi
シブヤ横断ウルトラクイズ!Webライティング編
シブヤ横断ウルトラクイズ!Webライティング編
loftwork
南実業会Webサイト開設について
南実業会Webサイト開設について
Cherry Pie Web
Minami.rbの履歴書
Minami.rbの履歴書
Satomi Tsujita
20170524 salesforce女子部
20170524 salesforce女子部
Junko Nakayama
WordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみた
reona396
20171025_Tokyo_DG_LT_Road_to_Trailblazer
20171025_Tokyo_DG_LT_Road_to_Trailblazer
Takahito Miyamoto
合コンで喋れない人への話題3連発
合コンで喋れない人への話題3連発
Reimi Kuramochi Chiba
20170614 salesforce女子部#3
20170614 salesforce女子部#3
Junko Nakayama
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
kenji goto
タスクの分別 フロー&ストック!
タスクの分別 フロー&ストック!
Reimi Kuramochi Chiba
Demonstration of Einstein Language with Platform Event
Demonstration of Einstein Language with Platform Event
Takahito Miyamoto
ローカルビジネスのためのFacebookとの付き合い方
ローカルビジネスのためのFacebookとの付き合い方
福田 浩
グラレコでオンラインイベントが盛り上がった話
グラレコでオンラインイベントが盛り上がった話
TsuyukaAzumi
What's hot
(17)
受託、SES、WEBと経験したので比較してみた
受託、SES、WEBと経験したので比較してみた
娘駆動開発で活躍するAzureのサーバーレスサービス
娘駆動開発で活躍するAzureのサーバーレスサービス
20161111 re:Work meetupYamagata2016 酒と仕事とテレワークとぎょり
20161111 re:Work meetupYamagata2016 酒と仕事とテレワークとぎょり
シブヤ横断ウルトラクイズ!Webライティング編
シブヤ横断ウルトラクイズ!Webライティング編
南実業会Webサイト開設について
南実業会Webサイト開設について
Minami.rbの履歴書
Minami.rbの履歴書
20170524 salesforce女子部
20170524 salesforce女子部
WordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみた
20171025_Tokyo_DG_LT_Road_to_Trailblazer
20171025_Tokyo_DG_LT_Road_to_Trailblazer
合コンで喋れない人への話題3連発
合コンで喋れない人への話題3連発
20170614 salesforce女子部#3
20170614 salesforce女子部#3
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
タスクの分別 フロー&ストック!
タスクの分別 フロー&ストック!
Demonstration of Einstein Language with Platform Event
Demonstration of Einstein Language with Platform Event
ローカルビジネスのためのFacebookとの付き合い方
ローカルビジネスのためのFacebookとの付き合い方
グラレコでオンラインイベントが盛り上がった話
グラレコでオンラインイベントが盛り上がった話
Viewers also liked
ictsc4 サーバを支える技術
ictsc4 サーバを支える技術
whywaita
現代の†闇†
現代の†闇†
whywaita
https://whywrite.it/dust/dentoolt/15.5/ #dentoolt
https://whywrite.it/dust/dentoolt/15.5/ #dentoolt
whywaita
LT大会 #osc17tk
LT大会 #osc17tk
whywaita
自宅DCのススメ #dentoolt
自宅DCのススメ #dentoolt
whywaita
Gadget2
Gadget2
whywaita
自宅DCのススメ (2) #dentoolt
自宅DCのススメ (2) #dentoolt
whywaita
スライド、作ってみませんか? #osc16tk
スライド、作ってみませんか? #osc16tk
whywaita
あのヒトは今
あのヒトは今
whywaita
自宅ネットワークの話 #MCCMMANCC
自宅ネットワークの話 #MCCMMANCC
whywaita
快適なメディア視聴環境のご提案
快適なメディア視聴環境のご提案
whywaita
地獄のご紹介 #dentoolt
地獄のご紹介 #dentoolt
whywaita
Yaseneba
Yaseneba
whywaita
d250g2
d250g2
whywaita
帯域確保していき隊 #oscnagoya #東海道らぐ
帯域確保していき隊 #oscnagoya #東海道らぐ
whywaita
雑多
雑多
whywaita
インフラ #kosenconf
インフラ #kosenconf
whywaita
ブロックチェーン概要のご紹介 #wakate2017
ブロックチェーン概要のご紹介 #wakate2017
whywaita
コミュニケーション for MSP
コミュニケーション for MSP
whywaita
Viewers also liked
(19)
ictsc4 サーバを支える技術
ictsc4 サーバを支える技術
現代の†闇†
現代の†闇†
https://whywrite.it/dust/dentoolt/15.5/ #dentoolt
https://whywrite.it/dust/dentoolt/15.5/ #dentoolt
LT大会 #osc17tk
LT大会 #osc17tk
自宅DCのススメ #dentoolt
自宅DCのススメ #dentoolt
Gadget2
Gadget2
自宅DCのススメ (2) #dentoolt
自宅DCのススメ (2) #dentoolt
スライド、作ってみませんか? #osc16tk
スライド、作ってみませんか? #osc16tk
あのヒトは今
あのヒトは今
自宅ネットワークの話 #MCCMMANCC
自宅ネットワークの話 #MCCMMANCC
快適なメディア視聴環境のご提案
快適なメディア視聴環境のご提案
地獄のご紹介 #dentoolt
地獄のご紹介 #dentoolt
Yaseneba
Yaseneba
d250g2
d250g2
帯域確保していき隊 #oscnagoya #東海道らぐ
帯域確保していき隊 #oscnagoya #東海道らぐ
雑多
雑多
インフラ #kosenconf
インフラ #kosenconf
ブロックチェーン概要のご紹介 #wakate2017
ブロックチェーン概要のご紹介 #wakate2017
コミュニケーション for MSP
コミュニケーション for MSP
Similar to 私がWebサイトをスタイリッシュな 今風デザインにしない理由
第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-
Takayuki Onishi
Bootstrap
Bootstrap
Masaki Kusuhata
Decade 20091215
Decade 20091215
武 河野
Decade 20110101
Decade 20110101
goukaicom
「ダウンシフト」という越境〜成長を追い求めなくなってから見えてきたワクワク〜
「ダウンシフト」という越境〜成長を追い求めなくなってから見えてきたワクワク〜
Chihiro Tomita
【前半】上級ウェブ解析士取得後のウェブ業界のキャリア
【前半】上級ウェブ解析士取得後のウェブ業界のキャリア
Sae Kanou
OSC2010 Sendai - Tokyo OpenSolaris User Group Lightning Talk 「地方在住でOSS活動をするには」
OSC2010 Sendai - Tokyo OpenSolaris User Group Lightning Talk 「地方在住でOSS活動をするには」
Hiroshi Chonan
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
Erina Takei
20130115 oreokacomブログセミナー
20130115 oreokacomブログセミナー
Shotaro Ushijima
Webya110114a
Webya110114a
toksato Tokunaga
マッチングアプリ企画書
マッチングアプリ企画書
YushiSato1
Webディレクターの異業種転職への挑戦
Webディレクターの異業種転職への挑戦
Reimi Kuramochi Chiba
Similar to 私がWebサイトをスタイリッシュな 今風デザインにしない理由
(12)
第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-
Bootstrap
Bootstrap
Decade 20091215
Decade 20091215
Decade 20110101
Decade 20110101
「ダウンシフト」という越境〜成長を追い求めなくなってから見えてきたワクワク〜
「ダウンシフト」という越境〜成長を追い求めなくなってから見えてきたワクワク〜
【前半】上級ウェブ解析士取得後のウェブ業界のキャリア
【前半】上級ウェブ解析士取得後のウェブ業界のキャリア
OSC2010 Sendai - Tokyo OpenSolaris User Group Lightning Talk 「地方在住でOSS活動をするには」
OSC2010 Sendai - Tokyo OpenSolaris User Group Lightning Talk 「地方在住でOSS活動をするには」
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
20130115 oreokacomブログセミナー
20130115 oreokacomブログセミナー
Webya110114a
Webya110114a
マッチングアプリ企画書
マッチングアプリ企画書
Webディレクターの異業種転職への挑戦
Webディレクターの異業種転職への挑戦
私がWebサイトをスタイリッシュな 今風デザインにしない理由
1.
私がWebサイトをスタイリッシュな 今風デザインにしない理由 2016.12.3. よしぱん 関西フロントエンドUG 年忘れLT大会 自分の
2.
@yoshipan yoshipaan Web制作 11年 フリーランス 8年 主婦 5年 LT 0年
3.
ここの皆さんは「LT初心者にも優しい」という 噂通り、前日に暖かい声援をいただきました!
4.
8年前 「フリーランスで活動するなら 自分を売り込むサイトがいるよね?!」 → yoshipan.com取得。
5.
2009 ~ 2013(最低限の情報、ただの置物サイト。5年放置。) →
3年前、育休明けにようやくリニューアル。
6.
3 years ago
グラデもベベルも 角丸も消えた?! • フラットデザイン大流行 • Simple is Best • シングルカラム・写真どーん • Bootstrap, Foundation … ↑せっかくCSSで簡単に実装できるよう になったのに、みんな使わないんだ…! と育休明けに衝撃を受けました。
7.
流行に乗りたくない! ただ流行ってるからという理由だけで なぜそのデザインにするのかの「意味」が大事。 自分のサイトぐらい、自分らしさを全面に出した方が良いのでは…?
8.
2014 ~(Bootstrap使用、WordPress) 布をスキャンして取り込み背景画像に使うなど、 アナログな作り方をして「Bootstrap感」を消そう、 「今風デザイン」から遠ざかろうと試みた。
9.
3年経過して… → でも今風なスタイリッシュなデザインは しないよ♥だって… •
改善が必要な点も多々ある。 • そろそろデザインリニューアルも…
10.
• 「女性的なデザインをして欲しい」 • 「カワイイ系のデザインを!」 •
「女子ウケ」「ママウケ」 → Web制作者の集まりに行くと「デザイナー不要論」等を耳にすることが あるし、「デザイン=UI設計(のみ)」と捉えられることもあるけど、 現場レベルではまだまだ感覚的なデザインも求められている(気がする)! 1. (現状でも)意外と仕事の依頼がある!
11.
置物だった5年間は 月100PV程。 ブログ更新を始めて 月10万PVを突破。 2. コンテンツ重視は当たり前 そんなことは分かってます!!(めちゃ実感してます。)
12.
2. コンテンツ重視は当たり前 •「コンテンツが大事だからデザインはどうでも良い」と いう人も居るけど… •「コンテンツさえ充実していればデザインは皆同じでも 良いの…?」という自問自答。 •フレームワークのテンプレでけでもスタイリッシュな今 風サイトが作れる時代。ノンデザイナーならそれで良い と思う。
13.
もしも私のWebサイトのデザインが「フレームワークのテンプレ」 だったら、世の中に沢山ある「育児系オウンドメディア」の1記事と 見分けがつかなかったのでは…?? → コダサくても、オリジナルなデザインにしていて良かった!! 知らない人達が 「同じブログを見た!」と 認識してくれる喜び。
14.
3. 効率も大事だけど… • $maincolor •
$subcolor • $lightgray • $gray • $darkgray コアカラー + 差し色 + モノトーン で、大体シュッとした デザインできるよね。
15.
• $maincolor • $subcolor •
$lightgray • $gray • $darkgray 案件の内容、予算や 納期によっては必要 なこと。 3. 効率も大事だけど…
16.
1677万色もあるのに! でも、この世には デザイナーを名乗るなら、もっと色と戯れたい、 配色に悩みたい、格闘したい。 ちゃんと意味のある色づかいがしたい。
17.
1677万色もあるのに! デザインの力で 世界観ができる! ワクワクできる!
18.
自分のWebサイトぐらい、 「お洒落」で「今っぽい」より 自分らしいデザインをしたい。
19.
…という言い訳を思いついたので、 発表させてもらいました。 ありがとうございました♥
Download now