ノンデザイナーズデザインブックをèªã¿è§£ã // Speaker Deck
MIND HACKSã¨ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¿ƒç†å¦ã‚’引用ã—ãªãŒã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬4原則を解説ã—ã¦ã„ãã¾ã™ã€‚ ==================== ã‚ã‚ã›ã¦èªã¿ãŸã„ ==================== å°‘ãªã„手間ã¨çŸ¥è˜ã§â€ãã‚Œãªã‚Šâ€ã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック http…
Webデザイン é…色をイメージã§å¦ã¶ã€åŸºæœ¬11色】
ã“ã‚“ã«ã¡ã¯ã€é«˜æ©‹ã§ã™ã€‚ è¿‘é ƒã€ãƒ¦ãƒ¼ã‚¶ãŒè£½å“を経験ã—ã¦ã©ã‚Œã ã‘満足を得れるã®ã‹ã¨ã„ã£ãŸä»•çµ„ã¿ãŒæ³¨ç›®ã‚’æµ´ã³ã¦ã„ã¾ã™ã€‚UXã§ã™ã。é…色もUXã®ç¯„ç–‡ã¨ã™ã‚Œã°ã€ç†è§£ã‚’æ·±ã‚ã¦ãŠã„ã¦æã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚今回ã¯åŸºæœ¬çš„ã¯è‰²ã¨ä½¿ã‚れるWebサイトã®ã‚¿ã‚¤ãƒ—ã‚‚ä½µã›ã¦ã‚¶ãƒƒã‚¯ãƒªã¨ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ・色紹介 ◯赤（Red） 情熱や活気ã¨ã„ã£ãŸæ°—æŒã¡ã‚’高ã¶ã‚‰ã›ã‚‹è‰²ã§ã™ã€‚ インパクトを与ãˆãŸã„イベント・ã‚ャンペーンサイトã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã ã‘ã§ãªãã€å¼·èª¿ã—ãŸã„コンテンツ・å±é™ºã‚’促ã™å‰Šé™¤ãƒœã‚¿ãƒ³ç‰ã«ã‚‚使ãˆã¾ã™ã€‚艶ã®ã‚る赤ã¯ä¸Šå“ã•ã‚’æ„Ÿã˜ã•ã›ã¾ã™ãŒã€ä½¿ã„éŽãŽã‚‹ã¨è½ã¡ç€ãã®ãªã„雰囲気ã«ãªã£ã¦ã—ã¾ã„ã¾ã„ã¾ã™ã€‚å対ã«æš—ã„赤ã¯æ°—æŒã¡ã‚’è½ã¡ç€ã‹ã›ã‚‹åŠ¹æžœãŒã‚ã‚Šã¾ã™ã€‚ ◯緑（Green） å¥åº·ã‚„自然ã¨ã„ã£ãŸç™’ã—を連想ã•ã›ã‚‹æ°—æŒã¡ã‚’è½ã¡ç€ã‹ã›ã‚‹è‰²ã§ã™ã€‚ 自然やエコをモãƒãƒ¼ãƒ•ã¨ã—ãŸã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸå®‰å¿ƒã®ã‚«ãƒ©ãƒ¼ã¨ã‚‚呼ã°ã‚Œ
ãƒã‚¸ãƒ†ã‚£ãƒ–心ç†å¦ã‹ã‚‰å¦ã¹ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³æ€è€ƒ
デザインã¯ã‚ˆã「å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã®è¨è¨ˆã€ã¨è§£é‡ˆã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚HCD ã®è¦³ç‚¹ã‹ã‚‰ã¿ã‚‹ã¨ã€ãã®æ„味åˆã„ã¯å¼·ã„ã§ã—ょã†ã—ã€äººãŒæ‰±ã†ã‚¢ãƒ—リケーションã«æºã‚る仕事をã—ã¦ã„ã‚‹æ–¹ã§ã‚ã‚Œã°ã€å¸¸ã«å•é¡Œè§£æ±ºã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ„è˜ã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚タスクを完了ã™ã‚‹ãŸã‚ã«ã¯ã©ã†ã™ã‚Œã°ã‚·ãƒ³ãƒ—ルã§åŠ¹çŽ‡ãŒè‰¯ã„ã®ã‹ã€ã‚´ãƒ¼ãƒ«ã«è¾¿ã‚Šç€ãã‚„ã™ãã™ã‚‹ãŸã‚ã®ä½¿ã„ã‚„ã™ã•ã‚’è¨è¨ˆã™ã‚‹ã®ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€ãã‚Œã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ç›®ã®å‰ã«ã‚ã‚‹å•é¡Œã‚’解決ã™ã‚‹ã ã‘ã§ã¯ãªãã€ã„ã‹ã«ãƒã‚¸ãƒ†ã‚£ãƒ–ãªæ„Ÿæƒ…を引ã出ã™ã®ã‹ã‚‚デザインã®å¤§ããªèª²é¡Œã§ã™ã€‚ãƒã‚¸ãƒ†ã‚£ãƒ–ãªæ„Ÿæƒ…を引ã出ã™ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ã„ã†æ„味åˆã„ã‹ã‚‰ UX ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚れるã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚「気æŒã¡ã®ã‚ˆã„ã€ã€Œçˆ½å¿«ãªã€ã¨ã„ã£ãŸãƒã‚¸ãƒ†ã‚£ãƒ–ãªè¨€è‘‰ã‚’ã¤ã‹ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’評価ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ã“れもデザインãŒå•é¡Œè§£æ±ºã ã‘ã§ã¯ãªã„ã¨ã„ã†è¡¨ã‚Œãªã®ã§ã—ょã†ã€‚デザインを通ã—ã¦ã€ã¡ã‚‡ã£ã¨ãƒã‚¸ãƒ†ã‚£
UX デザインã«ãŠã‘る心ç†å¦ã®ç³»èœ | OVERKAST ROUGHKUT
上ã®å›³ã¯ã€UX デザインã«é–¢é€£ã™ã‚‹00年代ã®æ™‚代背景をã¾ã¨ã‚ãŸã‚‚ã®ã§ã‚る。ã“ã®10å¹´é–“ã‚’æ€ã„出ã—ãªãŒã‚‰ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæŠ€è¡“ã®æ½®æµã€å…±æœ‰ã•ã‚ŒãŸæ€è€ƒã®ãƒ¢ãƒ¼ãƒ‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ã‚ーワードをã–ã£ã¨ä¸¦ã¹ã¦ã¿ãŸã€‚ 00年代åˆé ã€Web サイトã¨ã„ã†ãƒ¡ãƒ‡ã‚£ã‚¢ãŒæˆç†ŸæœŸã«å‘ã‹ã†éŽç¨‹ã§ã€ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¢ãƒ¼ã‚テクãƒãƒ£ï¼ˆIA）ã¨ã„ã†åˆ†é‡Žã®ä¾¡å€¤ãŒé«˜ã¾ã£ã¦ã„ã。IA/UX ã¨ã„ã†è¡¨è¨˜ã®é€šã‚Šã€ã“ã®æ™‚代㮠UX デザインã®æ‰ãˆã‚‰ã‚Œæ–¹ã¯ã€IA ã®æ¦‚念ã¨è¡¨è£ã®é–¢ä¿‚ã«ã‚ã£ãŸã€‚ã¤ã¾ã‚Šã€æ£ã—ã„æƒ…å ±è¨è¨ˆã®ãŸã‚ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒã®æ€æƒ³ã§è¨è¨ˆã‚’è¡Œã†ã€ã¨ã„ã£ãŸæ„味åˆã„ã§ä½¿ã‚れるã“ã¨ãŒå¤šã‹ã£ãŸã€‚ 00年代後åŠã«ã•ã—ã‹ã‹ã‚‹ã¨ã€ä»Šåº¦ã¯åˆ©ç”¨è€…自らãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„を生æˆã™ã‚‹ã¨ã„ã†ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験ã®å¤‰åŒ–ãŒèµ·ãる。ã¾ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ç’°å¢ƒãŒæ•´ã„ã€æ•°å¤šãã® Web サービスやアプリケーションãŒä½œã‚‰ã‚ŒãŸã€‚ ã“ã†ã—ãŸæµã‚Œã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）ã®å˜ç´”化
デザイナーã ã‹ã‚‰è€ƒãˆã‚‹ã€‚é’色ãŒä¸Žãˆã‚‹27ã®åŠ¹æžœã¨7ã¤ã®æ´»ç”¨ä¾‹
今年ã®ãŠç›†ä¼‘ã¿ã¯å‹äººã¨æ—…è¡Œã«è¡Œã£ãŸã‚Šã€ãƒœãƒ«ãƒ€ãƒªãƒ³ã‚°ã®ä½“験をã•ã›ã¦ã‚‚らã£ãŸã‚Šã—ã¦ã„ã¦ã€ãƒ–ãƒã‚°ã®æ›´æ–°ãŒç–Žã‹ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚申ã—訳ã‚ã‚Šã¾ã›ã‚“。今週ã¯æœˆæ›œæ—¥ã‹ã‚‰æ™‚差ボケã®ã‚ˆã†ãªæ„Ÿã˜ã§ã€ã‚ã¾ã‚Šã‚·ãƒ£ãƒƒã‚ã£ã¨ã§ãã¦ã„ãªã„ã‚“ã§ã™ãŒã€é ‘å¼µã£ã¦ãƒ–ãƒã‚°ã‚’æ›´æ–°ã—ã¦è¡Œã“ã†ã¨æ€ã„ã¾ã™ï¼ 今日ã¯ã€å‰å›žã®ã€Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã‹ã‚‰è€ƒãˆã‚‹ã€‚赤色ãŒä¸Žãˆã‚‹27ã®åŠ¹æžœã¨6ã¤ã®æ´»ç”¨ä¾‹ã€ã«å¼•ã続ã「デザイナーã ã‹ã‚‰è€ƒãˆã‚‹ã€‚é’色ãŒä¸Žãˆã‚‹27ã®åŠ¹æžœã¨7ã¤ã®æ´»ç”¨ä¾‹ã€ã«ã¤ã„ã¦ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚é’を基調ã¨ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ã¨ãã«ã“ã®è¨˜äº‹ãŒå½¹ç«‹ã¦ã°å¹¸ã„ã§ã™ã€‚ é’色を利用ã—ãŸ7ã¤ã®æ´»ç”¨ä¾‹ ã¾ãšã“ã“ã§ã¯ã€é’色をå–り入れãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚„製å“ãªã©ã‚’例ã«ã€é’色ãŒæŒã¤åŠ¹æžœã‚„イメージã«ã¤ã„ã¦ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ è–æ¯ãƒžãƒªã‚¢ã®ãƒžãƒ³ãƒˆã®é’ã¯ã€Œç¥žç§˜çš„ãªå°è±¡ä¸Žãˆã‚‹ã€ 地çƒä¸Šã«å˜åœ¨ã™ã‚‹ã€Œç‰©ã€ã¨ã—ã¦ã®é’ã¯ã€æ‰‹ã«ã¨ã£ã¦è§¦ã‚Œã‚‹ã“ã¨ã®é›£ã—ã„色ã§ã™ã€‚例ãˆã°ä¸–ç•Œä¸ã§è¦‹ã‚‹ã“ã¨ã®ã§
The Psychology of Content Design | Envato Tuts+
As web designers, we face a difficult task every time we sit down to produce content for the web. There’s no doubt that we understand Content is King; this term was most famously coined by Bill Gates in 1996, and (love or hate Microsoft) he was right about the future of computing. The way that we traverse the internet has changed drastically since it was born. In the beginning, the primary way to
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
{{#tags}}- {{label}}
{{/tags}}