Your SlideShare is downloading. ×
事例で学ぶデザインの原則 by Life is Tech
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

事例で学ぶデザインの原則 by Life is Tech

288
views

Published on

事例で学ぶデザインの原則 by Life is Tech …

事例で学ぶデザインの原則 by Life is Tech
2015/3/18 @ TECH LAB PAAK
http://techlabpaak.com/events/387

IT×教育に興味のある大学生はLeadersにプレエントリー!
https://life-is-tech.com/leaders/

Published in: Design

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
288
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 19:00 - 21:3019:00 - 21:30 SHIBUYASHIBUYA presented bypresented by T E C H L A B PA A K
  • 2. 金澤直毅 Naoki Kanazawa 32 years old WEB & GRAPHIC Rikkyo Univ. > Design Company > Instructor > Freelance > Life is Tech ! life-is-tech.com DESIGNER designless.net
  • 3. 中高生のためのスマートフォンアプリ開発コンテスト TEENS APPS AWARDS 2014 A TEENSAPPSAWARDSTEENSAPPSAWARDS 2014
  • 4. Be Startup
  • 5. 先生は、最先端の「情報」の授業を。 TECH for TEACHERS は、カリキュラムを。 すべて、無料で。 presented by
  • 6. どんなデザインにも 共 通の 原 則 が ある
  • 7. 1. デザインの原則 2. フライヤー実践 3. ケースワーク Menu
  • 8. 1.デザインの原則
  • 9. 原 則を知り 違 和 感に気 づく Step1
  • 10. 近接 整列 反復 対比 代 表 的 な 原 則
  • 11. 近 接
  • 12. 整 列
  • 13. 反 復
  • 14. 対 比
  • 15. DEMO
  • 16. 原 則 は 密 接 に 関 連 整 列 対 比 近 接 反 復 配色余 白
  • 17. Step2 原 則を過 信しない 自 分の 感 覚を信じる
  • 18. 4つ の 四 角 形 のうち 1つ だけを目 立 た せよ WORKSHOP
  • 19. EXAMPLE
  • 20. lajsbf;aiuw ebkjznxjb;i ahwbefkan bsdmnba;si lajsbf;aiuw ebkjznxjb;i ahwbefkan bsdmnba;si lajsbf;aiuw ebkjznxjb;i ahwbefkan bsdmnba;si Hello
  • 21. ざわ・・・ ざわ・・・ ざわ・・・
  • 22. 原則 手法 閃き
  • 23. 閃き
  • 24. 閃き
  • 25. =
  • 26. = キャッチコピー = 説明文 = 写真 = 購入ボタン
  • 27. = 情報
  • 28. Design 違 和 感の 排 除 + 情 報の 設 計
  • 29. 2.フライヤー実践
  • 30. lit.sh/design0318 Materials
  • 31. DEMO
  • 32. 3.ケースワーク
  • 33. Case1 ロゴ
  • 34. ®
  • 35. = 598
  • 36. 23 26
  • 37. 1 1 1
  • 38. 1 1 1
  • 39. 5 5 5 5
  • 40. Google BRAUN LOGO 黄金比 LOGO
  • 41. Point 幾 何 学 図 形は美しい
  • 42. Case2 名 刺
  • 43. ライフイズテック株式会社 Life is Tech, Inc. 〒106-0047 東京都港区南麻布2-12-3 南麻布ビル1F life-is-tech.com / tel. 03-5439-9422 / fax. 03-5439-9423 金 澤 直 毅 Naoki Kanazawa kanazawa@lifeistech.co.jp / 000-0000-0000 チーフデザイナー
  • 44. Why Don’t You Change the World ? kanazawa.naoki  designless0 GAME ざわっち Life is Tech ! jyT
  • 45. DEMO
  • 46. Point 情 報の 設 計 + 個 性
  • 47. 1. 余白 2. デザインの要素 3. デザインの数値化 Next Contents
  • 48. 余 白 W h i t e S p a c e よ は く
  • 49. デ ザ イン の 要 素 形 文 字 図 色線 質 感
  • 50. Thankyou!
  • 51. 2015031819:00 - 21:3019:00 - 21:30 SHIBUYASHIBUYA presented bypresented by T E C H L A B PA A K デザインの 原 則 事 例 で 学 ぶ