海外å‘ã‘サイトã«é©ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ 外国人ãŒå¥½ã‚€ãƒ•ã‚©ãƒ³ãƒˆã‚„色彩感覚 | 一人ã§ã§ãã‚‹WebサイトåŽç›ŠUPè¡“ï¼ã‚¦ã‚§ãƒ–解æžå£«äº‹ä¾‹é›†
Webサイト制作ã§ã¤ã¾ãšããŒã¡ãªè§£åƒåº¦ã«é–¢ã‚ã‚‹ã‚ã‚Œã“ã‚Œ │ Design Spice
アプãƒãƒ¼ãƒæ–¹æ³•ã¯é•ã†ã‚‚ã®ã®ã€ã“ã®dipã¨å…ˆç¨‹ã®ãƒ‡ãƒã‚¤ã‚¹ãƒ”クセル比ã¯ã»ã¼åŒã˜ç›®çš„ã‚’æŒã£ãŸæ©Ÿèƒ½ã§ã™ã€‚ å‚考：Androidレイアウトã®å˜ä½ – dpã«ã¤ã„ã¦æŽ˜ã‚Šä¸‹ã’ã‚‹ – アンテナ立ã¦ã¦ viewport 仮想的ãªã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã§ã™ã€‚ viewportãŒãªã„ã¨ä»®å®šã—ãŸå ´åˆã€ãƒ‡ãƒã‚¤ã‚¹å¹…320pxã®iPhoneã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸæ™‚ã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¯320ピクセルã¨ãªã‚Šã€é€šå¸¸ã®ã‚µã‚¤ãƒˆã‚’閲覧ã™ã‚‹ã«ã¯ä¸ä¾¿ã§ã™ã€‚ ãã“ã§ä»®æƒ³çš„ã«å¤§ãã„ウインドウサイズã¨ã™ã‚‹ã“ã¨ã§ã€é€šå¸¸ã®ã‚µã‚¤ãƒˆã§ã‚‚ã²ã¨ç›®ã§æƒ…å ±ãŒè¦‹ãˆã€é–²è¦§æ€§ã‚„æ“作性を高ã¾ã‚Šã¾ã™ã€‚ viewportã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã¯980ピクセルã§ã™ã€‚ （※iPhoneã¯980ピクセルã§é–“é•ã„ãªã„ã®ã§ã™ãŒå…¨ã¦ã®ã‚¹ãƒžãƒ›ã§980ピクセルã§ã—ょã†ã‹ï¼Ÿ æƒ…å ±ãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§çŸ¥ã£ã¦ã‚‹æ–¹ã¯æ•™ãˆã¦ãã ã•ã„） ã¾ãŸã€viewportã®æ•°å€¤ã¯ã‚µã‚¤ãƒˆå´ã§æŒ‡å®šã§ãã¾ã™ã€‚ スマホ
色覚障ãŒã„ã®æ–¹ãŒä½œã£ãŸã‚µã‚¤ãƒˆã€We are Colorblind】ãŒå‹‰å¼·ã«ãªã‚‹
色覚障ãŒã„ã®æ–¹ãŒä½œã£ãŸã‚µã‚¤ãƒˆã€We are Colorblind】ãŒå‹‰å¼·ã«ãªã‚‹ã€ŒWe are Colorblindã€ã¨ã„ã†ã‚µã‚¤ãƒˆã‚’ã”å˜çŸ¥ã§ã—ょã†ã‹ï¼Ÿã‚µã‚¤ãƒˆåを訳ã™ã¨ã€ã€Œæˆ‘々ã¯è‰²è¦šéšœãŒã„者ã§ã™ã€ã€‚ãã†ã€è‰²ã‚’è˜åˆ¥ã™ã‚‹ã“ã¨ãŒå›°é›£ãªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã®ä½œã£ãŸã‚µã‚¤ãƒˆã§ã™ã€‚数々ã®ä¾‹ã¨ã¨ã‚‚ã«ã€Webサイト制作ã«ãŠã‘る改善ã™ã¹ã点を指摘ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ã¨ã£ã¦ã‚‚勉強ã«ãªã£ãŸã®ã§ã€ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ï¼ Web クリエイターボックスã§ã¯ä»¥å‰ã€Œè‰²è¦šéšœãŒã„者ã«é…æ…®ã—㟠Web サイトã®ä½œã‚Šæ–¹ã€ã¨ã„ã†è¨˜äº‹ã§è‰²è¦šéšœãŒã„ã¨ã¯ä½•ã‹ã€ã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã®ã‹ã€ã¾ãŸã€Web サイト制作ã«ãŠã„ã¦æ³¨æ„ã™ã¹ã点をã¾ã¨ã‚ã¾ã—ãŸã€‚èªã‚“ã§ã„ãªã„æ–¹ã¯ã€ã¾ãšã¯ã“ã¡ã‚‰ã«ç›®ã‚’ã¨ãŠã—ã¦ã¿ã¦ãã ã•ã„ã ;) Web サイト「We are Colorblindã€ã®ä¸ã®äººã¯ã‚ªãƒ©ãƒ³ãƒ€åœ¨ä½ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€Tom van Beverenæ°ã€‚サイトåã®ã¨ãŠã‚Šã€å½¼ã¯è‰²ã‚’è˜åˆ¥
Photoshopåˆå¿ƒè€…ã¯çµ¶å¯¾ã«è¦šãˆã¦ã»ã—ã„!!ç”»åƒã‚’劣化ã•ã›ãšã«èª¿æ•´ã§ãã‚‹PSDデータã®ä½œã‚Šæ–¹
creative memomemo Webデザインtips,Photoshoptips,クリエイティブã§ã‚¹ãƒ†ã‚ãªã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ã„るブãƒã‚°ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚ Adobeã®ã‚½ãƒ•ãƒˆä¸€å€‹ã ã‘ã‚ã’るよã¨è¨€ã‚ã‚ŒãŸã‚‰ã€è¿·ã‚ãšPhotoshopã‚’é¸ã³ã¾ã™ã€‚井畑ã§ã™ã€‚ ãã‚“ãªPhotoshopラブã®åƒ•ã§ã™ãŒã€æ˜”ã¯æ£ç›´è‹¦æ‰‹ã§ã—ãŸã€‚ ãªãœãªã‚‰ã€Photoshopã¯Illustratorã¨é•ã£ã¦ã€èª¿æ•´ã—ã¦ã„ã‚‹ã†ã¡ã«ãƒ‡ãƒ¼ã‚¿ãŒåŠ£åŒ–(ã©ã‚“ã©ã‚“汚ã)ãªã£ã¦ã—ã¾ã†ã¨æ€ã£ã¦ã„ãŸã‹ã‚‰ã§ã™ã€‚ æ£ã—ã言ã†ã¨ã€ãƒ‡ãƒ¼ã‚¿ãŒåŠ£åŒ–ã—ãªã„方法を知らãªã‹ã£ãŸã ã‘ãªã‚“ã§ã™ã‘ã©ãã€å½“時ã¯å¤§å¤‰ã§ã—ãŸã€‚ ç”»åƒã‚‚一回å°ã•ãã—ã¦ã—ã¾ã†ã¨ã€æ¬¡ã«å¤§ããã—ãŸæ™‚ã«è’ã‚Œã¦ã¾ã„ã¾ã™ã—ã€ãƒˆãƒ¼ãƒ³ã‚«ãƒ¼ãƒ–ç‰ã®ç”»åƒè£œæ£ã‚‚一回ã‹ã‘ã‚‹ã¨äºŒåº¦ã¨ä¿®æ£ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚何回もトーンカーブã‹ã‘ã¦ã‚‹ã¨ã©ã‚“ã©ã‚“ç”»åƒãŒæ±šããªã£ã¦ã„ãã—… よãã€ã‚µã‚¤ã‚ºã‚’é–“é•ãˆã¦ã¦2,3時間ã®ä½œæ¥ã‚’一ã‹ã‚‰ã‚„ã‚Šç›´ã—ã—ã¦
カラーユニãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…色セット
色覚ã®å¤šæ§˜æ€§ã«é…æ…®ã—㟠案内・サイン・図表ç‰ç”¨ã®ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ 推奨é…色セット â– æ±äº¬å¤§å¦åˆ†å細胞生物å¦ç ”究所 é«˜æ¬¡æ§‹é€ ç ”ç©¶åˆ†é‡Žã€€ä¼Šè—¤å•“ ■社団法人日本塗料工æ¥ä¼šï¼ˆJPMA） â– DIC æ ªå¼ä¼šç¤¾ï¼ˆæ—§ï½¥å¤§æ—¥æœ¬ã‚¤ãƒ³ã‚化å¦å·¥æ¥æ ªå¼ä¼šç¤¾ï¼‰ DIC ã‚«ãƒ©ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³æ ªå¼ä¼šç¤¾ ■特定éžå–¶åˆ©æ´»å‹•æ³•äººã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿæ§‹ï¼ˆCUDO） 概略 一般ã®äººã«ã‚‚色ã®è¦‹ãˆæ–¹ãŒç•°ãªã‚‹äººã«ã‚‚見分ã‘ã‚„ã™ã„ã€ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…色セットを作æˆã€‚ 被験者実験をé‡ãã€æ•°åƒã®å€™è£œè‰²ã‹ã‚‰20色を絞り込ã¿ã€‚ å¡—æ–™æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹JPMA塗料用標準色2011å¹´F版ã«å¯¾å¿œè‰²ã‚’åŽéŒ²ã€‚å°åˆ·ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹DICカラーガイドシリーズã‹ã‚‰å¯¾å¿œè‰²ã‚’é¸å‡ºã€‚ ã¯ã˜ã‚㫠　ã„ã‚ゆる色弱（色覚異常）ã®äººã‚„ã€ç·‘内障ãªã©ç¶²è†œã®ç–¾æ‚£ã‚’æŒã¤äººã€ç™½å†…éšœã®äººã¯ã€è‰²ã«ã‚ˆã£ã¦ã¯é•ã„ã‚’
グーグルã®ãƒ“ジュアルデザイン責任者ãŒé€€è·--データä¸å¿ƒä¸»ç¾©ã«å«Œæ°—
Googleã§ãƒ“ジュアルデザインã®è²¬ä»»è€…ã‚’å‹™ã‚ã¦ã„ãŸDouglas Bowmanæ°ãŒé€€è·ã™ã‚‹ã€‚åŒç¤¾ã§ã¯ã‚¦ã‚§ãƒ–ページã®è©³ç´°ãªãƒ‘フォーマンスデータãŒé‡è¦–ã•ã‚Œã¦ãŠã‚Šã€ã“ã†ã—ãŸçŠ¶æ³ãŒä¸€å› ã¨ãªã£ã¦ã„るよã†ã 。 åŒæ°ãŒé€€è·ã«ã¤ã„ã¦è¤‡é›‘ãªæ€ã„ã§ã„ã‚‹ã®ã¯æ˜Žã‚‰ã‹ã ãŒã€å¥½ã¾ã—ã‹ã‚‰ã–る点ã®æŒ‡æ‘˜ã«é æ…®ã¯ãªã„。Bowmanæ°ã¯ç±³å›½æ™‚é–“3月20日付ã‘ã®ãƒ–ãƒã‚°æŠ•ç¨¿ã§æ¬¡ã®ã‚ˆã†ã«è¿°ã¹ã¦ã„る。 技術者ãŒæº¢ã‚Œã¦ã„ã‚‹ä¼æ¥ã§ã¯ã€å•é¡Œã‚’解決ã™ã‚‹ãŸã‚å·¥å¦æŠ€è¡“ã‚’é ¼ã‚Šã«ã™ã‚‹ã€‚å•é¡Œã‚’å˜ç´”ã§è«–ç†çš„ãªã‚‚ã®ã«é‚„å…ƒã—ã€ä¸»è¦³ã‚’ã™ã¹ã¦å–り去ã£ã¦ãƒ‡ãƒ¼ã‚¿ã ã‘を見る。やãŒã¦ã€ãƒ‡ãƒ¼ã‚¿ãŒã‚らゆるå•é¡Œè§£æ±ºã‚’支ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã€ä¼æ¥ã‚’麻痺ã•ã›ã€æ–¬æ–°ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®æ±ºå®šã‚’妨ã’る。 ãã†ã€Googleã§ã¯2種類ã®é’色ã®ã„ãšã‚Œã‹ã§æ±ºã‚ã‹ããŸã‚‰41ã®ä¸é–“色をテストã—ã¦æœ€ã‚‚パフォーマンスã®ã‚ˆã„ã‚‚ã®ã‚’é¸ã¶ã¨ã„ã†ã®ã¯äº‹å®Ÿãªã®ã 。先日ã€å¢ƒç•Œç·šã®å¹…ã‚’3ピクセルã€4ピクセルã€5ピクセルã®ã„ãš
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
é…色イラストレーターã®ã€Œã‚«ãƒ©ãƒ¼ã‚¬ã‚¤ãƒ‰ã€
{{#tags}}- {{label}}
{{/tags}}