CSS Nite、CSS Nite in TOSA, Vol.1 with Microsoft 「HTML5＋CSS3 Web Camp 2013」開催時のLTスライドです。

2. 土佐風 Webデザインを考えてみた
HOOP Design 中野 玄

3. hoopdesign_gen
nakanogen
太鼓が叩けるWebデザイナー
中野 玄

4. 土佐風？
高知っぽさ？

5. 高知の特徴から
デザインの傾向を
探ってみる。

6. 【出典】
๏人口74万5千人くらい
๏第一次産業が盛ん
（なす・オクラ・ゆずはいずれも生産量全国第１位）
๏全国県民所得ランキング、ほぼ最下位
๏高齢化率が高い
（平成24年版高齢社会白書 高齢化率 全国3位）
http://jp.ecodb.net/ranking/C120101.html
http://ja.wikipedia.org/wiki/高知県
http://www8.cao.go.jp/kourei/whitepaper/w-2012/zenbun/s1_1_2.html

7. ๏人口74万5千人くらい
๏第一次産業が盛ん
（なす・オクラ・ゆずはいずれも生産量全国第１位）
๏全国県民所得ランキング、ほぼ最下位
๏高齢化率が高い
（平成24年版高齢社会白書 高齢化率 全国3位）
物も人も少ないので影響を受けやすい
農・蓄・水産加工系のブランディングが多い
高級思考が少ない
シニア向けデザインの役割が大きい

8. 【出典】
๏イラストレーター・漫画家が多い
๏優秀なデザイナーが多い
๏小規模な事業所が多い
๏インターネット利用率が低い
http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h24/html/nc243120.html
http://ja.wikipedia.org/wiki/高知県出身の人物一覧
http://www.pref.kochi.lg.jp/uploaded/attachment/86557.pdf

9. ๏イラストレーター・漫画家が多い
๏優秀なデザイナーが多い
๏小規模な事業所が多い
๏インターネット利用率が低い
イラストの起用が多い
良質なデザインが多い（機能している）
Webサイトよりもブログがやたら多い
サイト制作・運用費も低い

10. これらの傾向をまとめてみると…

11. 「やさしい」
「かわいい」
「明るい」
「きれいな」
「アート的な」
「かっこいい」
「技巧的な」
「重厚な」
「男っぽい」
「未来的な」
少ない。多い。

12. 特徴

13. ๏ミニマルデザイン、
ホワイトスペースが多め
๏レイアウト・文字組はジャンプ率低め
๏手書き文字が多い
書道っぽい書き文字ではなく、いわゆるヘタウマ。
デザイナの個性を活かした独特なものが多い。
๏イラストが多い

14. イラストが多い

15. イラストが多い

16. イラストが多い

17. 手書き文字が多い

18. 手書き文字が多い

19. 手書き文字が多い

20. Webサイトだと…

21. それっぽいWebサイト
http://m-sasa.com/ http://kurashinogakkou.co.jp/

22. それっぽいWebサイト
http://inaka-pipe.net/ http://www.sunabi.com/

23. それっぽいWebサイト
http://www.shikoku-carbonoffset.jp/ http://tosayamaacademy.org

24. それっぽいWebサイト
http://shimanto-town.net/ http://kaaran.org/

25. その他、
高知っぽいなと
感じたもの。
思ってたより、
たくさんあった…
http://ashizuri.net/
http://kachinen.jp/
http://www.tanoekiya.com/
http://coccorando.com/
http://miraie.net/farm.html
http://www.uetabiseibutsu.com/
http://kochi-84project.jp/
http://shinbunbu.jp/
http://angura.jp/
http://selectvege.com/
http://www.muroto-geo.jp/
http://hata-kochi.jp/
http://www.k-little.com/
http://www.enjoint-kami.org/
http://www.takasu-kids.jp/
http://www.shimantonoyado.co.jp/
http://ikufarm.com/
http://blueneon.jp/
http://shimanto-shinbun-bag.jp/
http://blueneon.jp/
http://wood-quest.com/
http://hinokikagu.com/

26. 今回はビジュアル面の考察
でしたが、高知っぽいUIや、
高知っぽいコピーワークなど、
土佐風デザイン は色んなと
ころに存在すると思います。
それらは、また別の機会に!!

27. ご清聴ありがとうございました。