UIデザインåˆå¿ƒè€…ãŒçŸ¥ã£ã¦ãŠããŸã„é…色ã®ç†è«–Nickã¯ãƒã‚·ã‚¢ã®ã‚»ãƒ³ãƒˆãƒ”ーターズãƒãƒ¼ã‚°å‡ºèº«ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ‡ãƒ™ãƒãƒƒãƒ‘ー/ブãƒã‚¬ãƒ¼ã§ã™ã€‚å½¼ã«ã‚ˆã‚‹ä»–ã®è¨˜äº‹ã¯ã“ã¡ã‚‰ã‚’ã”å‚ç…§ãã ã•ã„。 「é…色ã€ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æŒã¦ã‚‹æ‰‹æ³•ã®ä¸ã§æœ€ã‚‚強力ãªæ‰‹æ³•ã®ä¸€ã¤ã§ã€æ§˜ã€…ãªæ„Ÿæƒ…を引ãèµ·ã“ã›ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ³¨æ„を引ã„ãŸã‚Šã§ãã¾ã™ã€‚ ã§ã™ãŒã€æ–°ã—ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ç«‹ã¡ä¸Šã’る経験をã—ãŸã“ã¨ãŒã‚ã‚‹æ–¹ãªã‚‰ã‚ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„サービスã®é…色を決ã‚ã‚‹ã®ã¯éžå¸¸ã«é›£ã—ã„ã‚‚ã®ã§ã™ã€‚ 今回ã¯åŸºæœ¬ã®è‰²å½©ã®ç†è«–ã¨ãã‚ŒãŒã©ã®ã‚ˆã†ã«UXデザインã¨é–¢ä¿‚ã™ã‚‹ã®ã‹ã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚ã“ã‚Œã¯ã‚ãã¾ã§UIã‚„UXã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¯„囲ã§ã®è‰²å½©ã®ç†è«–ã§ã€åŒ…括的ãªãƒ‡ã‚¶ã‚¤ãƒ³è«–ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã”了承下ã•ã„。 色彩ã®ç†è«– 色彩ã®ç†è«–ã«ã¯æ§˜ã€…ãªè¦ç´ ãŒã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬ã®åŸºæœ¬ã§ã¯ã€è£œè‰²æ€§ã€ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã€é®®ã‚„ã‹ã•ã‚’考慮ã—ãŸè‰²ã®ç›¸äº’作用ã«ãŠã„ã¦æˆã‚Šç«‹ã¡ã¾ã™ã€‚ 補色性ã¯ä»–ã®è‰²ã¨ã®é–¢ä¿‚性ã¨ã„ã†ç‚¹ã‹ã‚‰è‰²ã‚’見る方法ã§ã™ã€‚
テã‚ストã®èªã¿ã‚„ã™ã„カラーを決ã‚ã‚‹ã«ã¯ã“ã‚ŒãŒå¤§åˆ‡ï¼Webデザインã«ãŠã‘る良ã„コントラストã®ã¤ãã‚Šæ–¹
良質ãªãƒšãƒ«ã‚½ãƒŠã‚’作るãŸã‚ã«å¿…è¦ãƒ‡ãƒ¼ã‚¿ã¨ä½œã‚Šæ–¹ ｜https://wp.yat-net.com/name
6ã¤ã®ç°¡å˜ãªã‚¹ãƒ†ãƒƒãƒ—ã§æ”¹å–„ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ | POSTD
色彩心ç†å¦ï¼šãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æ‹…当者ã®ãŸã‚ã®å®Œå…¨ã‚¬ã‚¤ãƒ‰ | POSTD
色弱ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚ã‚„ã•ã—ã„ランディングページã®ãƒ‡ã‚¶ã‚¤ãƒ³ | POSTD
16進数ã®ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚ˆã‚Šè‰²ã‚’推測ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰(カラーコードã®ä»•çµ„ã¿ã«ã¤ã„ã¦)
デザイナーã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å…±é€šè¨€èªžã‚’ï¼é–‹ç™ºã‚¹ãƒ”ードを上ã’ã‚‹OSSスタイルガイド構築 | SELECK
[JS]縦長ページã«å®Ÿç”¨æ€§ã¨ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’å…¼ãå‚™ãˆãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -ScrollMenu![[JS]縦長ページã«å®Ÿç”¨æ€§ã¨ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’å…¼ãå‚™ãˆãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -ScrollMenu](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b654e6fe9828430f6845fd3dd07466d833a3033/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015052903-01.png)
モダンミニマリズムã¨ã„ã†é¸æŠžâ€•ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’å •è½ã•ã›ãŸã‹ï¼Ÿ | POSTD
2015å¹´5月第3é€±å· 1ä½ã¯ã€æ°—ã‚’ã¤ã‘ã‚‹ã¹ã悪ã„UIデザイン15é¸ ã€æ°—ã«ãªã‚‹ãƒã‚¿ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆã‚¦ã‚©ãƒƒãƒã®æ–°ãŸãªæ´»ç”¨æ³•--æ±äº¬ãƒ‰ãƒ¼ãƒ ã§å£²ã‚Šå呼ã³å‡ºã—サービス | gihyo.jp
Elemental UI
GitHub - foam-framework/foam: Feature-Oriented Active Modeller
JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦æ¤œè¨Žã—ã¦ã¿ã‚ˆã† | POSTD
メニューãŒå¤šã„å ´åˆã®Megaメニューã®ãƒ‰ãƒãƒƒãƒ—ダウン実装「Animated-megadropã€:phpspot開発日誌
インターフェースプレビューを利用ã—ãŸéžãƒ–ãƒãƒƒã‚ングユーザインターフェース | POSTD
Documentation - Materialize
é€éŽãŒã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸnode-webkit（NW.js）ã§ã‚¬ã‚¸ã‚§ãƒƒãƒˆã‚’作ã‚ã†
uilang
Contact Support
{{#tags}}- {{label}}
{{/tags}}