プãƒã®UIデザイナーã«å¦ã¶ï¼UIã¨UXã®å°è±¡ãŒã‚ˆããªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®çŸ¥è˜ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ vol.8デザインã¯ã¡ã‚‡ã£ã¨ã—ãŸä¸€æ‰‹é–“ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ãã£ã¨ã‚ˆããªã‚Šã¾ã™ã€‚ プãƒã®UIデザイナーã«ã‚ˆã‚‹Webページやスマホアプリã®UIã¨UXを改善ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®çŸ¥è˜ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 第8å¼¾ã¯ã€èªã¿ã‚„ã™ã・ç†è§£ã—ã‚„ã™ãã™ã‚‹ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ UI & UX Micro-Tips: Volume Eight. by Marc Andrew 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. メッセージã¯æ£ã—ã„é †åºã§æ§‹æˆã™ã‚‹ 2. ã™ã¹ã¦ã®è¦ç´ ã®ã‚·ãƒ£ãƒ‰ã‚¦ã¯ä¸€ã¤ã®å…‰æºã‚’å…ƒã«ã™ã‚‹ 3. ホワイトスペースã§ãƒ“ジュアルヒエラルã‚ーを構築 4. 一行ã®é•·ã•ã‚’é©åˆ‡ã«ã™ã‚‹ã“ã¨ã§ã€èªã¿ã‚„ã™ã•ãŒå‘上ã™ã‚‹ 5. 空ã®çŠ¶æ…‹ã‚’工夫ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®åˆæœŸè¡Œå‹•ã‚’促㙠6. 最é©ãªèªã¿ã‚„ã™ã•ã®ãŸã‚ã«ã€x-heightã«åŸºã¥ã„ã¦line
UIデザイン時ã«ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãª18ã®èª¤ã¡ï½œMikio Kiura / ANKR DESIGN
アプリ開発ã§å‚考ã«ã—ã¦ãŠããŸã„ UI デザインパターンã¾ã¨ã‚サイトã®ã¾ã¨ã‚ - Qiita
{{#tags}}- {{label}}
{{/tags}}