éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®ï¼‘ | 07design.blog
デザイナーã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ãƒ»ãƒ»ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ 実ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ã€‚ ãã®ãƒ«ãƒ¼ãƒ«ã®çŸ¥è˜ãŒã‚ã‚Œã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ¬ãƒ™ãƒ«ã¨ã¯ã„ã‹ãªã„ã‚‚ã®ã®ã€è¦‹ãŸç›®ãŒãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ä½œã‚Œã‚‹ã¯ãšã§ã™ã€‚ デザインã¨ã„ã†è¨€è‘‰ã®å®šç¾©ã‚„ソフトã®ä½¿ã„æ–¹ã‹ã‚‰å§‹ã‚ã¦ã—ã¾ã†ã¨ã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€ 今回ã¯ã‚ãã¾ã§ã‚‚「ã¨ã‚Šã‚ãˆãšè¦‹ãŸç›®ã‚’ã‚レイã«ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ã«é‡ç‚¹ã‚’ç½®ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ 記事内ã§
色覚障ãŒã„者ã«é…æ…®ã—ãŸWebサイトã®ä½œã‚Šæ–¹
2017å¹´4月11æ—¥ Webサイト制作, アクセシビリティ, 色彩 今æŒã£ã¦ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸ã§ã€è¦–覚・色覚障ãŒã„者ã«ã‚‚é…æ…®ã—ãŸWebサイトã®åˆ¶ä½œãŒã‚ã‚Šã¾ã™ã€‚視覚障ãŒã„者å‘ã‘ã®ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¤ã„ã¦ã¯ã„ãã¤ã‹è¨˜äº‹ã‚’発見ã§ããŸã®ã§ã™ãŒã€è‰²è¦šéšœãŒã„者ã«å‘ã‘ãŸWebサイト制作ã«ã¤ã„ã¦ã¯ãªã‹ãªã‹ãƒ’ットã—ãªã‹ã£ãŸã®ã§ã€æ–片的ã«èªã‚“ã ã‚‚ã®ã‚’記事ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ è¿½è¨˜: 一部表記ã®ä»•æ–¹ã‚’変更ã—ã¾ã—ãŸã€‚ 色覚障ãŒã„ã«ã¤ã„㦠目ã®ã€è‰²ã‚’èªè˜ã™ã‚‹ç´°èƒžã®å¤‰ç•°ã§ã€è‰²ã®è˜åˆ¥ãŒç•°ãªã‚‹ã“ã¨ã‚’「色覚障ãŒã„ã€ã€Œè‰²è¦šç•°å¸¸ã€ã¨å‘¼ã³ã¾ã™ã€‚色覚障ãŒã„ã¨ã„ã£ã¦ã‚‚ã„ã‚ã„ã‚ãªç¨®é¡žãŒã‚ã‚Šã€ã“ã“ã§ã¯äººå£ã®å¤šã„赤系統や緑系統ã®è‰²ã®è˜åˆ¥ãŒå›°é›£ãªã€èµ¤ç·‘色覚異常ã®å ´åˆã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ 困難ãªç‚¹ã¨ã—ã¦ã¯ ç°è‰²ã ã¨æ€ã£ãŸã‚‰ãƒ”ンクã®ã‚·ãƒ£ãƒ„ã ã£ãŸ 焼肉ã®éš›ã€ç”Ÿè‚‰ã¨ç„¼ã‘ã¦ã„る肉ã®åŒºåˆ¥ãŒã¤ãã«
カラフルã§ã‚‚ã¾ã¨ã¾ã‚Šã®ã‚ã‚‹é…色ã€Webデザインã«ã™ã‚‹ãŸã‚ã®Tips
éŽåŽ»è¨˜äº‹ï¼šåŒè‰²ç³»ã§ã¾ã¨ã¾ã‚Šã®ã‚ã‚‹é…色ã€Webデザインã«ã™ã‚‹ãŸã‚ã®Tipsã«ç¶šã„ã¦ã€è‰²ã€…ãªã‚«ãƒ©ãƒ¼ã‚’使ã£ã¦ã‚‚ã¾ã¨ã¾ã‚Šã®ã‚ã‚‹é…色ã«ã™ã‚‹ãŸã‚ã®Tipsã‚’ã”紹介ã—ã¾ã™ã€‚ 実際ã«Webサイトをデザインã™ã‚‹æ™‚ã¯ã€ãŸãã•ã‚“ã®è‰²ç›¸ã®é•ã†è‰²ã‚’使ã„ã¾ã™ã€‚ ã§ã‚‚é…色ã—ã¦ã¿ã‚‹ã¨ã€ä½•ã ã‹ã¾ã¨ã¾ã‚ŠãŒãªãã¦ã—ã£ãã‚Šã“ãªã„ãªãƒ¼ã¨ã„ã†ã“ã¨ã‚‚… é…色を直感ã ã‘ã§ã§ãã‚Œã°Webデザイナーã¨ã—ã¦ã¯ä¸€äººå‰ãªã‚“ã§ã—ょã†ã‘ã©ã€ã¾ã ã¾ã ãã‚“ãªã‚»ãƒ³ã‚¹ãŒèº«ã«ä»˜ã„ã¦ãªã„ç§ã¯ã“ã‚“ãªé¢¨ã«ã—ã¦é…色をé¸å®šã—ã¦ã„ã¾ã™ã€‚ 無作為ã«é¸ã‚“ã é…色ã¨ãƒ«ãƒ¼ãƒ«ã«å¾“ã£ã¦é¸ã‚“ã é…色 ã‚ãªãŸã¯ã©ã†ã‚„ã£ã¦Webサイトã«ä½¿ã†è‰²ã€é…色を決ã‚ã¦ã¾ã™ã‹ï¼Ÿ 色ã«å¯¾ã—ã¦ã®ã‚»ãƒ³ã‚¹ã®ã„ã„人ã¯ç›´æ„Ÿã§ã±ã±ã£ã¨æ±ºã‚ã¦ã‚‚ã¾ã¨ã¾ã‚Šã®ã‚るカラースã‚ームをã¤ãる事ãŒã§ãã¾ã™ã€‚ ã§ã‚‚残念ãªãŒã‚‰ç§ã«ã¯ãã‚“ãªã‚»ãƒ³ã‚¹ãŒãªã„ã®ã§ä¸€å®šã®ãƒ«ãƒ¼ãƒ«ã«å¾“ã£ã¦ã¾ã¨ã¾ã‚Šã®ã‚ã‚‹é…色を作æˆã—ã¦ã„ã¾ã™ã€‚ ãã‚Œã§ã¯è©¦ã—ã«é †ã‚’追ã£
åŒè‰²ç³»ã§ã¾ã¨ã¾ã‚Šã®ã‚ã‚‹é…色ã€Webデザインã«ã™ã‚‹ãŸã‚ã®Tips
ã„ã‚ã„ã‚ãªè‰²ç›¸ã‚’使ã‚ãšã«ã€ã²ã¨ã¤ã®è‰²ç›¸ã®å½©åº¦é•ã„ã€æ˜Žåº¦é•ã„ãªã©ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ãåŒç³»è‰²ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ 多ãã®è‰²ç›¸ã‚’使ã‚ãªã„åŒè‰²ç³»ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãŸãã•ã‚“ã® Webサイトã§ã‚‚使ã‚ã‚Œã¦ã„る人気ã®é…色ã§ã™ã€‚ åŒè‰²ç³»ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ãã¨ã€ãƒšãƒ¼ã‚¸ã®çµ±ä¸€æ„ŸãŒã§ã¦è‰²ã®æŒã¤åŠ›ã‚’å°è±¡ä»˜ã‘易ã„ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã ã‘ã§ãªãã€åˆå¿ƒè€…ã§ã‚‚比較的ã¾ã¨ã‚ã‚„ã™ã„ ... ã¨ã„ã†ä½œã‚Šæ‰‹å´ã®ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ãï¼ åŒè‰²ç³»ã§ã¾ã¨ã‚られãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒšãƒ¼ã‚¸ã«çµ±ä¸€æ„ŸãŒã‚ã£ã¦ã€ã‚ˆãã¾ã¨ã¾ã£ã¦è¦‹ãˆã¾ã™ã‚ˆã。ãã—ã¦è‰²ã®æŒã¤ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ã€å¼·ãå°è±¡ä»˜ã‘ã‚‹ã®ã«ã¨ã£ã¦ã‚‚効果的ã ã¨æ€ã„ã¾ã™ã€‚ã„ã‚ã„ã‚ãªè‰²ç›¸ã‚’使ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¯”ã¹ã¦ã€æ¯”較的ã¾ã¨ã‚易ã„ã—ã€è‰²çš„ãªåŠ¹æžœã‚’発æ®ã—ã‚„ã™ã„åŒè‰²ç³»ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚åŒè‰²ç³»ã¯ç°¡å˜ … ã¨ã„ã†ã‹ã€ã‚«ãƒ©ãƒ•ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¯”ã¹ã‚Œã°ç°¡å˜ã‹ã‚‚ã§ã™ã‘ã©ã€é…色ã«ãŠã‘る基本的ãªãƒã‚¤ãƒ³ãƒˆã¯ã€ä»–ã®é…色方法ã«ã‚‚通ã˜ã¦ã„ã¾ã™ã€‚今日ã¯åŸºæœ¬çš„ãªã¨ã“ã‚を押ã•ãˆãªãŒ
Color Theory for Designers, Part 1: The Meaning of Color — Smashing Magazine
Let’s dive into color theory. We’ll discuss the meanings behind the different color families, and give some examples of how these colors are used. There are few things in design that are more subjective—or more important—than the use of color. A color that can evoke one reaction in one person may evoke the opposite reaction in another, due to culture, prior association, or even just personal prefe
デザインã®è¦ç´ ã¨åŽŸå‰‡
2017å¹´6月29æ—¥ Webデザイン 今回ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã‚’ãŠå‹‰å¼·ã—ã¾ã—ょã†ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã¯è¤‡æ•°ã®è¦ç´ （エレメント）ã¨åŽŸå‰‡ï¼ˆãƒ—リンシプル）ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ãれらを簡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã¨ã‚‚ã«ã€è¦ç´ ã¨åŽŸå‰‡ã‚’生ã‹ã—ãŸWebサイトを一諸ã«ç´¹ä»‹ã—ã¾ã™ã€‚ç§ã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã¯æ‰èƒ½ã€ã¨ã¯è€ƒãˆã¦ã„ã¾ã›ã‚“。デザインセンスã¯ãれらã®è¦ç´ ã‚’ã©ã†çµ„ã¿åˆã‚ã›ã‚‹ã‹ã€ã¨ã„ã†é–ƒãã¨ãã®å¼•ã出ã—ã®å¤šã•ã«ã‚ˆã‚‹ã‚‚ã®ã ã¨æ€ã„ã¾ã™ã€‚ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç´ （エレメント）ã¨åŽŸå‰‡ï¼ˆãƒ—リンシプル）ã¯å…¨ã¦ã®ãƒ“ジュアルデザインã®åŸºç¤Žã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚è¦ç´ ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã€Œè¡¨ç¾æ‰‹æ®µã€ã‚’å½¢æˆã—ã€åŽŸå‰‡ã¯ã€Œæ§‹é€ 的特徴ã€ã‚’構æˆã—ã¾ã™ã€‚デザインã«ãŠã‘ã‚‹è¦ç´ ã¨åŽŸå‰‡ã®èªè˜ã¯ã€è¦–覚構æˆã‚’ã™ã‚‹ã“ã¨ã«ãŠã„ã¦ã®æœ€åˆã®ã‚¹ãƒ†ãƒƒãƒ—。Webデザインã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã€ã™ã¹ã¦ã®ãƒ“ジュアルデザ
ã€å…¬å¼ã€‘ãƒã‚¤ãƒãƒ¼ã‚ªãƒ¼ã‚¹ãƒˆãƒ©ãƒªã‚¢ï½œæ–°æ©Ÿèƒ½ï¼šã‚¸ãƒ£ãƒƒã‚¯ãƒãƒƒãƒˆãƒ»ã‚ャッシュãƒãƒƒã‚¯ãƒ—ãƒã‚°ãƒ©ãƒ ￤HighLow.com
ジャックãƒãƒƒãƒˆã«ã¤ã„ã¦ç‰¹åˆ¥ãªã‚ャッシュãƒãƒƒã‚¯å–引約定後ã«ã€å¹¸é‹ãªãƒ—レイヤーã¯æœ€å¤§100,000円ã®ã‚ャッシュãƒãƒƒã‚¯ãŒå½“ãŸã‚Šã¾ã™ã€‚ã¾ãŸã€Highlowãƒã‚¤ãƒ¤ãƒ«ãƒ†ã‚£ãƒ»ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãŒé«˜ã„ã»ã©å½“é¸ç¢ºçŽ‡ãƒ»é‡‘é¡ãŒä¸Šæ˜‡ã—ã¾ã™ã€‚
最é©ãªãƒ†ã‚ストリンクã®è‰²ã¯ï¼Ÿ | ウェブ力å¦
é’系統ã®è‰²ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã«å¤‰ã‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ä»¥ä¸Šã«ãƒãƒ©ã¤ããŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚特ã«ã€Yahoo!ã®å ´åˆã¯ã€å„ジャンルã”ã¨ã®ãƒšãƒ¼ã‚¸ã§ã‚‚微妙ã«ãƒ†ã‚ストリンクã®è‰²ãŒå¤‰ã‚ã£ã¦ã„ã¾ã—ãŸã€‚ãã‚Œãžã‚Œã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã«åˆã‚ã›ã¦å¤‰åŒ–ã•ã›ã¦ã„ã‚‹ã®ã ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ 楽天ã®ã‚ˆã†ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’使用ã—ã¦ã„るサイトもã‚ã‚Šã¾ã—ãŸãŒã€å…¨ä½“ã‹ã‚‰ã™ã‚‹ã¨å°‘æ•°æ´¾ã®ã‚ˆã†ã§ã™ã€‚ Q&Aサイトã®æœ€å¤§æ‰‹OKWaveã¯Googleã¨åŒä¸€ã§ã—ãŸã€‚ã¾ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ã„ãˆã°ãƒ“ービットã•ã‚“ã€ã¨ã„ã†ã“ã¨ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸãŒã€ã‚„ã‚„æš—ã‚ã®é’を使用ã—ã¦ã„ã¾ã—ãŸã€‚ビービットã•ã‚“ã®ã“ã¨ãªã®ã§ä½•ã‹æ„味ãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 クックパッド クックパッドã¯ã€æ—¥æœ¬æœ€å¤§ç´šã®ãƒ¬ã‚·ãƒ”検索ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ユーザービリティã«ã¯ç´°å¿ƒã®æ³¨æ„を払ã£ã¦ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸€äººå½“ãŸã‚Šã®å¹³å‡PVãŒé«˜ã„ã“ã¨ã§ã‚‚知られã¦ã„ã¾ã™ã€‚ ãã‚“ãªã‚¯ãƒƒã‚¯ãƒ‘ッドã§ã™ãŒã€ã‚µã‚¤ãƒˆã‚’ã®ãžã„ã¦ã¿
ãƒ©ãƒ³ãƒ‰ã‚³ãƒ æ ªå¼ä¼šç¤¾
ä¸å‹•ç”£æµå‹•åŒ–ã€ãƒžãƒ³ã‚·ãƒ§ãƒ³ã€ãƒã‚¦ã‚¹ã€ãƒªãƒ¼ã‚·ãƒ³ã‚°äº‹æ¥ã‚’主ã«å–り扱ã†ã€ç·åˆä¸å‹•ç”£ãƒ¡ãƒ¼ã‚«ãƒ¼ã€‚横浜ランドマークタワー45階。
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
kuler
webサイト作æˆæ™‚ã«ã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã‚’決ã‚られãªã„人ã®ç‚ºã®webサービスã„ãã¤ã‹*ホームページを作る人ã®ãƒã‚¿å¸³
//// COLOURlovers :: loving colours since 1981
{{#tags}}- {{label}}
{{/tags}}