フラットデザインã¨ãƒ¦ãƒ¼ã‚¶ãƒ“リティ | Accessible & Usable公開日 : 2014å¹´9月22æ—¥ カテゴリー : アクセシビリティ / ユーザビリティ ã“ã“æ•°å¹´ã€å¤šãã®ã‚¦ã‚§ãƒ–サイトã§ã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ (flat design)ã€ãŒæŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚立体的ãª/写実的ãªã‚ã—らã„を極力排除ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ (UI) ã‚’ã™ã£ãã‚Šã¨æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã€ã¨ã„ã†è¡¨ç¾æ‰‹æ³•ã§ã™ã€‚ ã‹ã¤ã¦ã¯ã€Œã‚¹ã‚ューモーフィックデザイン (skeuomorphic design)ã€ã¨ã®å¯¾æ¯”ã§æ§˜ã€…ãªè°è«–を呼んã フラットデザインã§ã™ãŒã€å®Ÿè³ªçš„ã«åºƒã定ç€ã—ãŸã¨è¨€ãˆã‚‹ç¾åœ¨ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æ˜¯éžã‚’å•ã†ã‚ˆã‚Šã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®é«˜ã„フラットデザインを実ç¾ã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ã ã¨è€ƒãˆã¾ã™ã€‚実際ã€è‰²ã€…ãªã‚¦ã‚§ãƒ–サイトやアプリケーションを見ã¦ã„ã‚‹ã¨ã€ã‚ã—らã„をフラット㫠(å¹³å¦ã«) ã™ã‚‹ã“ã¨ãŒç›®çš„化ã—ã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ã€ä½¿ã„ã«ãã„ (ã‚ã‚‹ã„ã¯æ©Ÿèƒ½ã«æ°—ã¥ã
ãŠé¡˜ã„ã ã‹ã‚‰Webフォームã§ã¯ã‚’æ£ã—ã使ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティを上ã’ã¦ãã‚Œ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
実例ã§ç´å¾—ï¼ã‚·ãƒ‹ã‚¢ãŒä½¿ãˆãªã„サイトã®ä¾‹ | マミオン有é™ä¼šç¤¾-パソコン・数å¦ç ”ä¿®ã€æ³•äººç ”ä¿®
レスãƒãƒ³ã‚·ãƒ–Webデザインã¯ãƒ–ームã§ã¯ãªã„
コンテã‚ストをデザインã™ã‚‹æ„味 | 人間ã®çœŸã‚“ä¸
縦長ã„ページデザインã¯æ˜¯ã‹å¦ã‹ï¼Ÿã€€æ¥½å¤©ã«ãŠã‘るスクãƒãƒ¼ãƒ«é‡è¨ˆæ¸¬å°Žå…¥ã®è£å´
ウェブデザインã®è¦‹æ „ãˆã‚’よãã™ã‚‹ãŸã‚ã®7ã¤ã®ã‚ーワード | コリス
ã“ã‚Œã¯ã‚‚ã†ä½¿ç”¨ã—ãªã„æ–¹ãŒã„ã„ウェブデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰
顧客を逃ã—ã¦ã—ã¾ã†ã€Eコマースサイトã®15ã®ãƒã‚¤ãƒ³ãƒˆ
http://www.designwalker.com/2009/08/user-interface.html
メンテナンスä¸ç”»é¢ã‚’出ã™æ£ã—ã„作法ã¨.htaccessã®æ›¸ãæ–¹ | Web担当者Forum
カラーユニãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…色セット
クックパッドã¨ã„ã†ã‚µãƒ¼ãƒ“スを男性エンジニアã¯ã©ã®ã‚ˆã†ã«è§£é‡ˆã™ã‚Œã°è‰¯ã„ã‹ - FutureInsight.info
CUDガイド｜ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ
Amazon.co.jp: デザイニング・ウェブナビゲーション ―最é©ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã®è¨è¨ˆ: James Kalbach (è‘—), é•·è°·å·æ•¦å£« (監訳), 浅野紀予 (監訳), å…島修 (翻訳): 本
ウェブサイトã§ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒŸã‚¹
長文日記
"Cooking For Engineer" - モスマン
ã¯ã¦ãƒ–ã®æ–°ä»•æ§˜ã¯æƒ…å ±åŽé›†ã‚ˆã‚Šã‚¯ãƒã‚¯ãƒå„ªå…ˆã§ã™ã‹ï¼Ÿ - ã‚·ãƒã‚¯ãƒžã®å±‘ç± (汎é©æ‰€å±ž)
ã©ã‚“ãªèªè€…ãŒã€ã©ã†ã‚µã‚¤ãƒˆã‚’見ãŸã‹ãŒåˆ†ã‹ã‚‹ Web マーケティングツール[UseerInsight]![ã©ã‚“ãªèªè€…ãŒã€ã©ã†ã‚µã‚¤ãƒˆã‚’見ãŸã‹ãŒåˆ†ã‹ã‚‹ Web マーケティングツール[UseerInsight]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8992379c2ca528bfb0e638031103e07e5dc03bd9/height=288;version=1;width=512/https%3A%2F%2Fui.userlocal.jp%2Fimages%2Fui2%2Ficons%2Fheatmap.png)
{{#tags}}- {{label}}
{{/tags}}