[デザイン]グラデーションを使ã†ç†ç”±ã€ä¸è‡ªç„¶ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦å¾¹åº•çš„ã«åˆ†æžã—ãŸè€ƒãˆã‚‹ã€‚ WEBCRE8.jpã«ã‚ˆã‚‹web制作やデザインã«ã¤ã„ã¦ã®è€ƒå¯Ÿã‚’ 書ã綴ã£ã¦ã„ãカテゴリã§ã™ã€‚
![[デザイン]グラデーションを使ã†ç†ç”±ã€ä¸è‡ªç„¶ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦å¾¹åº•çš„ã«åˆ†æžã—ãŸ](https://cdn-ak-scissors.b.st-hatena.com/image/square/232c41c1ad9ba1ab348c9a84db4d1d95780fb78b/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F06%2Fdesign-gradation-color-01-150x150.png)
最低é™è¦šãˆã¦ãŠããŸã„WEBé…色ã®åŸºæœ¬ï¼’大原ç†ã¨ï¼–ã¤ã®é…色パターン
WEBサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€èª°ã‚‚ãŒé ã‚’æ‚©ã¾ã›ã‚‹éƒ¨åˆ†ã 。 「ã©ã†ã„ã†é…色ãªã‚‰è‰¯ã„å°è±¡ã‚’æŒã£ã¦ã‚‚らã†ã“ã¨ãŒã§ãã‚‹ã®ã‹ï¼Ÿã€ã€Œã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã‚‰ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚‹ã®ã‹ï¼Ÿã€ãªã©ã€æ§˜ã€…ãªã¨ã“ã‚ã¾ã§è€ƒãˆã‚’張り巡らã•ãªã‘ã‚Œã°ã„ã‘ãªã„ã‹ã‚‰ã 。 ãã“ã§æœ¬æ—¥ã¯ã€The Art of Color Coordination ã¨ã„ã†ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ã”紹介ã™ã‚‹ã€‚ã“れを見れã°ã€WEBé…色ã®åŸºæœ¬ã®ï¼’大原ç†ã¨ã€ä»Šã™ãã«ä½¿ãˆã‚‹ï¼–ã¤ã®é…色パターンãŒã™ãã«åˆ†ã‹ã‚‹ã€‚ ãã—ã¦ã€åˆå¿ƒè€…ã§ã‚‚ã€çµ±ä¸€æ„Ÿã®ã‚ã‚‹é…色ã®WEBサイトを作るãŸã‚ã®å¤§ããªåŠ©ã‘ã¨ãªã‚‹ã¯ãšã 。 ã¾ãŸã€ç§ãŸã¡ãƒã‚ºéƒ¨ã¯12å¹´ã§400社以上ã®ãƒ¡ãƒ‡ã‚£ã‚¢æ”¯æ´ã‚’è¡Œã„〠立ã¡ä¸Šã’ã‹ã‚‰10ヶ月ã§14.6億円ã®å£²ä¸Šã‚’産んã ä¸å‹•ç”£ãƒ¡ãƒ‡ã‚£ã‚¢8ヶ月ã§æœˆé–“140万PVを実ç¾ã—ãŸã‚¢ãƒ—リメディアãªã©å¤§ããªæˆæžœã‚’挙ã’続ã‘ã¦ã„る。 å„サイトã®æˆåŠŸè¦å› をインタビューã—ã¦ã„ã‚‹ã®ã§ã€ ã‚ãªãŸã®ã‚µã‚¤ãƒˆã«å½¹ç«‹
絶対ã«è¦šãˆã¦ãŠããŸã„webデザインã®é…色・カラー3ã¤ã®åŸºæœ¬ã¨åŸºç¤Ž
webデザインを考ãˆã‚‹æ™‚ã«ã‚«ãƒ©ãƒ¼ã¯åˆ‡ã£ã¦ã‚‚切りã¯ãªã›ã¾ã›ã‚“。ã—ã‹ã—ã€é…色ã¯è‹¦æ‰‹ã ã‘ã©ã€ã¾ãカラーã®å‹‰å¼·ã¯å¾Œã§ã„ã„や…センス無ã„ã—ãã®å‰ã«ã‚„ã‚‹ã“ã¨ã‚ã‚‹ã—…ã¨ãªã‚“ã¨ãªã後回ã—ã«ã•ã‚ŒãŒã¡ãªã‚“ã˜ã‚ƒãªã„ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚基本を知ã£ã¦ãŠãã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ã®ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã«æ案出æ¥ãŸã‚Šã€ç§ç”Ÿæ´»ã‚„æ–™ç†etc…様々ãªå ´é¢ã§ã¨ã£ã¦ã‚‚å¼·ã„味方ã«ãªã£ã¦ãれるã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚¹ã‚ルアップをã—ãŸã„ã¨è€ƒãˆã¦ã‚‹ãªã‚‰ã€ã¾ãšã¯é…色ã‹ã‚‰åˆã‚ã¦ã¿ã‚‹ã®ãŒè‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“XD 色ã£ã¦ï¼Ÿ カラーモードRGBã¨CMYKã¨ã¯ï¼Ÿ 色ã®ä¸‰å±žæ€§ã«ã¤ã„㦠「色相〠「明度〠「彩度〠具体的ãªä¾‹ã¨é…色方法 é¢ç©æ¯”率 å¯èªæ€§ 最後㫠1.色ã£ã¦ï¼Ÿ ã¾ãšä¸€å£ã«è‰²ã¨ã„ã£ã¦ã‚‚色々(シャレã˜ã‚ƒãªã„ã§ã™w)ã‚ã‚‹ã®ã§ã™ãŒå¤§ãã分ã‘ã¦æžœç‰©ã‚„å°åˆ·ç‰©ãªã©ç‰©ã«ã¤ã„ã¦ã‚‹è‰²ã¨ãƒ†ãƒ¬ãƒ“やパソコンã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©å…‰ã‚’放ã£ã¦ã„る色ã®2種類ãŒã‚ã‚Šã¾ã™ã€‚ 物体色
é…色ã®åŸºæœ¬ã€‚メイン・サブ・アクセントカラーを極ã‚ã‚‹ï¼
å‰å›žã®[カラーデザインã®åŸºæœ¬ã€‚トーンをç†è§£ã™ã‚‹ï¼]ã¨[カラーデザインã®åŸºæœ¬ã€‚色ã®ä¸‰å±žæ€§ã¨ã¯ï¼Ÿ]ã«å¼•ã続ãã€ä»Šå›žã¯ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ãƒ»ã‚µãƒ–カラー・アクセントカラーã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦è§£èª¬ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ã“ã®ãƒ¡ã‚¤ãƒ³ãƒ»ã‚µãƒ–・アクセントカラーã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«æ£ã—ãç†è§£ã™ã‚‹ã¨ã€é…色を考ãˆã‚‹ã®ãŒç°¡å˜ã«ãªã‚Šã¾ã™ã€‚ é »ç¹ã«é…色を悩む方やã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®é€”ä¸ã§é…色を変ãˆã¦ã—ã¾ã†æ–¹ã¯ã€ã“ã®ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ãƒ»ã‚µãƒ–カラー・アクセントカラーã®ãƒ«ãƒ¼ãƒ«ã‚’æ£ã—ãç†è§£ã§ãã¦ã„ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ãªã®ã§ä»Šå›žè§£èª¬ã™ã‚‹ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã€é…色ã«ã¤ã„ã¦ã®ç†è§£ã‚’æ·±ã‚ã¾ã—ょã†ï¼(å‰ãã†ã«æ›¸ã„ã¡ã‚ƒã„ã¾ã—ãŸã€‚ã™ã¿ã¾ã›ã‚“) ã¡ãªã¿ã«é…色ã¨ã„ã†è¨€è‘‰ã‚’辞書ã§å¼•ãã¨ã€ã€Ž2ã¤ä»¥ä¸Šã®è‰²ã‚’組åˆã‚ã›ã‚‹ã“ã¨ã€‚ã¾ãŸã€çµ„åˆã‚ã›ãŸè‰²åˆã„ã®ã“ã¨ã€ã¨æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ メイン・サブ・アクセントカラーã®å½¹å‰² ã¾ãšã¯ã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ãƒ»ã‚µãƒ–カラー・アクセントカラーã¨å‘¼ã°ã‚Œã‚‹ã€å„è¦ç´ ã®å½¹å‰²ã«
1年目デザイナーã«èªã¾ã›ãŸã„é…色ã®è€ƒãˆæ–¹ã‚’å¦ã¹ã‚‹è¨˜äº‹
é…色センス0ã§ã‚‚大丈夫ï¼ï¼Ÿæœã€ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã€ãƒ‡ã‚¶ã‚¤... / Webサイト制作ã«ãŠã„ã¦ã€ç§ãªã‚Šã®è‰²é¸å®šã®è€ƒãˆæ–¹... / 色ã¨äººã®æ„Ÿè¦šã¨ã‚¦ã‚§ãƒ–デザインã®ã¯ãªã— - ãƒãƒ‹ãƒ‡...ä»–...å…¨10件
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}