Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
カラーデザインã®åŸºæœ¬ã€‚トーンをç†è§£ã™ã‚‹ï¼
å‰å›žã®[カラーデザインã®åŸºæœ¬ã€‚色ã®ä¸‰å±žæ€§ã¨ã¯ï¼Ÿ]ã«å¼•ã続ãã€ã‚«ãƒ©ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚今回ã¯ã€è‰²ã®ãƒˆãƒ¼ãƒ³ã«ã¤ã„ã¦è§£èª¬ã•ã›ã¦ã„ãŸã ãã¾ã™ãŒã€ã¾ãšã€Žãã‚‚ãもトーンã¨ã¯ä½•ãªã®ã‹ã€ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰è©±ã‚’進ã‚ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ クライアントã«ã€Œãƒˆãƒ¼ãƒ³ã£ã¦ä½•ï¼Ÿã€ã¨èžã‹ã‚Œã¦çš„確ã«ç”ãˆã‚‰ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã£ã¦çµæ§‹å°‘ãªã„ã‚“ã§ã™ã€‚ã‚ãªãŸã¯ç”ãˆã‚‰ã‚Œã¾ã™ã‹ï¼Ÿ ãªã‚“ã¨ãªã雰囲気ã¯ã‚ã‹ã£ã¦ã„ã¦ã‚‚ã€ã—ã£ã‹ã‚Šèª¬æ˜Žã™ã‚‹ã®ã¯ãªã‹ãªã‹é›£ã—ã„ã‚“ã§ã™ã€‚ç§ã‚‚昔ã¯èª¬æ˜Žã§ããªã„デザイナーã®1人ã§ã—ãŸã€‚ã§ã¯ã€æ—©é€Ÿãƒˆãƒ¼ãƒ³ã«ã¤ã„ã¦èª¬æ˜Žã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ トーン(色調)ã£ã¦ä½•ï¼Ÿ ã¾ãšã€å‰å›žã®[カラーデザインã®åŸºæœ¬ã€‚色ã®ä¸‰å±žæ€§ã¨ã¯ï¼Ÿ]ã§è§¦ã‚Œã¾ã—ãŸãŒã€è‰²ã«ã¯ã€è‰²ç›¸ãƒ»æ˜Žåº¦ãƒ»å½©åº¦ã®ã€ï¼“属性ãŒã‚ã‚Šã¾ã™ã€‚ トーンã¨ã¯ã€ã“ã®ã†ã¡ã®æ˜Žåº¦ã¨å½©åº¦ã‚’ã‚ã‚ã›ãŸè€ƒãˆæ–¹ã§ã€ã€æ˜Žåº¦ã¨å½©åº¦ãŒä¼¼ã¦ã„る色を集ã‚ã¦ã‚°ãƒ«ãƒ¼ãƒ—化ã—ãŸã‚‚ã®ã€‘をトーンã¨å‘¼ã³ã¾ã™ã€‚ ã“ã®ãƒˆãƒ¼ãƒ³
UI デザイナーãŒã‚«ãƒ©ãƒ¼ãƒ‘レットã§æ‚©ã‚“ã ã¨ãã«å‚考ã«ãªã‚‹ã‚µãƒ¼ãƒ“ス5é¸ ï½œãƒ–ãƒã‚°ï½œroot｜デザインã®å®Ÿè·µã‚’個ã‹ã‚‰çµ„織・事æ¥ã¸
root UIデザイナーã®å¤é‡Œã§ã™ã€‚ UIデザインをやã£ã¦ã„ã‚‹ã¨ã€åº¦ã€…カラーパレットã§æ‚©ã‚€å ´é¢ã«éé‡ã—ã¾ã™ã€‚特ã«æƒ…å ±ãŒå¤šããªã£ã¦ããŸã¨ãã¯å¤§å¤‰ã§ã™ã‚ˆã。 ãã‚“ãªã¨ãå‚考ã«ã—ã¦ã„る便利ãªã‚µãƒ¼ãƒ“ス5ã¤ç´¹ä»‹ã—ã¾ã™ï¼ 1.Coolors(https://coolors.co/)スペースãƒãƒ¼ã‚’押ã™ã¨ã‚«ãƒ©ãƒ¼ãƒ‘レットを自動生æˆã—ã¦ãれるサービス。 ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ã¨è‡ªåˆ†ã®ã‚«ãƒ©ãƒ¼ãƒ‘レットをä¿å˜ã§ãã‚‹ã ã‘ã§ã¯ãªãã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä¿å˜ã—ãŸã‚«ãƒ©ãƒ¼ãƒ‘レットをå‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã—ã¦ã€æ’®å½±ã—ãŸå†™çœŸã‹ã‚‰è‰²ã‚’スãƒã‚¤ãƒˆã—ãŸã‚Šã€ä¸€éƒ¨ã®ã‚«ãƒ©ãƒ¼ã®ã¿ãƒãƒƒã‚¯ã—ã¦ä»–ã®è‰²ã ã‘変ãˆãŸã‚Šã€RBA, CMYK, HSBãªã©æ§˜ã€…ãªã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã§ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚iOS/Androidアプリもリリースã—ã¦ãŠã‚Šã€Photoshopやイラストレーターã§ä½¿ãˆã‚‹ãƒ—ラグインもリリースã—ã¦ã„ã¾ã™ã€‚ã„ã¤ã§ã‚‚ã©ã“ã§ã‚‚ç°¡å˜ã«ã•ãã£ã¨ã‚«ãƒ©ãƒ¼ãƒ‘レッ
デザインã®å°è±¡ã¯è‰²ãŒå·¦å³ã™ã‚‹ï¼é…色パターンã«ã¤ã„ã¦è€ƒãˆã‚ˆã†
何ã‹ã‚’デザインã™ã‚‹æ™‚ã€è‰²é¸ã³ã«æ‚©ã¾ã•ã‚ŒãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿè‰²ãŒäººé–“ã®å¿ƒç†ã«åƒãã‹ã‘る影響ã¯ã¨ã¦ã‚‚大ãã„ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œãƒ‡ã‚¶ã‚¤ãƒ³ãŒæŒã¤ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å´©ã•ãšã«ã€ä¸Šæ‰‹ã色を使ã†ã«ã¯ã€é…色ã®çŸ¥è˜ãŒã‚ã‚‹ã¨ã¨ã¦ã‚‚有利ã§ã™ã€‚色ã®é¸æŠžæ¬¡ç¬¬ã§é›°å›²æ°—も大幅ã«å¤‰ã‚ã£ã¦ãã¾ã™ã€‚今回ã¯é…色パターンをä¸å¿ƒã«ã€è‰²ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®é–¢ã‚ã‚Šã«ã¤ã„ã¦è€ƒãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ç·¨é›†ãƒ»åŸ·ç† ï¼SHIGEMATSU, AYUPY GOTO 色ã®æŒã¤ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨ã¯ï¼Ÿ 色ã®é¸æŠžã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ãŸãã•ã‚“ã®è‰²ãŒã‚ã‚‹ä¸ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã«åˆã£ãŸã‚‚ã®ã‚’é¸ã¶ã“ã¨ãŒã§ãã‚‹ã‹ãŒå¤§åˆ‡ã«ãªã£ã¦ãã¾ã™ã€‚明暗ãŒå°‘ã—変ã‚ã‚‹ã ã‘ã§ã‚‚ãƒã‚¸ãƒ†ã‚£ãƒ–ã«æ„Ÿã˜ãŸã‚Šã€ãƒã‚¬ãƒ†ã‚£ãƒ–ã«æ„Ÿã˜ãŸã‚Šâ€¦è‰²æ¬¡ç¬¬ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå·¦å³ã•ã‚Œã¾ã™ã€‚ãã®ãŸã‚ã€è‰²ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã¤ã„ã¦ã—ã£ã‹ã‚Šã¨ç†è§£ã‚’æ·±ã‚ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãšã¯ã€å¤šãã®äººãŒæŒã¤ä¸€èˆ¬çš„ãªè‰²ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾
ï¼ IT：lsコマンドã§è¡¨ç¤ºã•ã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®è‰²ã‚’変更ã™ã‚‹ã«ã¯
カラー表示ã•ã‚ŒãŸlsã®å‡ºåŠ›ã‚’lessã§è¡¨ç¤ºã™ã‚‹ã«ã¯ã§èª¬æ˜Žã—ã¦ã„るよã†ã«ã€Red Hat Linuxã‚„Vine Linuxã§ã¯ã€lsコマンドを実行ã™ã‚‹ã¨ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ç¨®é¡žã«ã‚ˆã£ã¦è‰²åˆ†ã‘表示ã•ã‚Œã‚‹ã€‚色分ã‘ã®ä»•æ–¹ã¯ã€/etc/DIR_COLORSã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã§å®šç¾©ã•ã‚Œã¦ã„る（Turbolinuxã«ã¯ã€/etc/DIR_COLORSã¯ãªã„）。 lsコマンドã§è¡¨ç¤ºã•ã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®è‰²ã‚’変更ã™ã‚‹ã«ã¯ã€/etc/DIR_COLORSã‚’~/.dir_colorsã¨ã—ã¦ã‚³ãƒ”ーã™ã‚‹ã‹ã€-pオプション付ãã§dircolorsコマンドを実行ã—ã¦~/.dir_colorsを作æˆã™ã‚Œã°ã„ã„。
Color Table
色ã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚ ã“ã®ã‚ˆã†ãªRGBã®16進数ã§è‰²æŒ‡å®šã‚’è¡Œã„ã¾ã™ã€‚ 「redã€ã‚„「blueã€ã®ã‚ˆã†ãªè‹±èªžã§ã®ã‚³ãƒ¼ãƒ‰æŒ‡å®šã‚‚å¯èƒ½ã§ã™ã€‚ ã“ã®ãƒœãƒƒã‚¯ã‚¹ã«ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’入れã¦ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ 背景色ãŒå¤‰åŒ–ã—ã¾ã™ã€‚ ã„ã‚ã„ã‚ã¨è©¦ã—ã¦ã¿ã¦ãã ã•ã„。 ãªãŠã€JavaScriptãŒä½¿ãˆã‚‹ç’°å¢ƒã§ãªã„ã¨å‹•ãã¾ã›ã‚“。 背景色：
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}