第3回 UX/UIデザインã®ãƒ—ãƒã‚»ã‚¹ã¨å…·ä½“例 -UIç·¨-今回ã¯ã€UIデザインã«ã¤ã„ã¦è€ƒãˆã¦ã„ãã¾ã—ょã†ã€‚ ã“ã®åˆ†é‡Žã«ã¤ã„ã¦ã¯ä¸–ç•Œä¸ã§æ§˜ã€…ãªä¾‹ã‚„手法ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ã€å‰å›žåŒæ§˜ã€ç§ã®ä»•äº‹ã‚’通ã—ã¦å…·ä½“例を紹介ã—ã¾ã™ã€‚当社ã®å ´åˆã€UIデザインã¯ã€ä»¥ä¸‹ã®3ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã«åˆ†ã‘ã¦è€ƒãˆã¦ã„ã¾ã™ã€‚ （1）手書ãスケッム（2ï¼‰ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ä½œæˆ ï¼ˆ3）コーディング ãã‚Œãžã‚Œè©³ã—ã見ã¦ãã¾ã—ょã†ã€‚ STEP 1 手書ãスケッムUXデザインã®éš›ã«ä½œã£ãŸã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã€ã«åŸºã¥ã„ã¦UIを手書ãã§æãã¾ã™ã€‚ã¯ã˜ã‚ã«æ‰‹æ›¸ãã™ã‚‹ç†ç”±ã¯ã€ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ä½•ã‚ˆã‚Šã‚‚「直感的ã§ã€ã€Œä¿®æ£ãŒæ—©ã„ã€ã“ã¨ãŒé‡è¦ã§ã™ã€‚UIデザイナーや開発者ã¨ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã§ãã‚‹ã ã‘出ã—ã€æœ€é©ãªUIã‚’çŸæœŸé–“ã§é¸æŠžã—ã¾ã™ã€‚ 当社ã§ã¯ã€ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã‚„ノートを活用ã—何å通りã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’試ã—ã€æœ€é©ã§å®Ÿç¾å¯èƒ½ãªã‚¢ã‚¤ãƒ‡ã‚¢ã‚’出ã—続ã‘ã¾ã™ã€‚æ€è€ƒã‚’発散ã•ã›ã‚‹ãƒ•ã‚§ãƒ¼ã‚ºã§ã™ã€‚ ã“ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã®ç¢ºèªäº‹é …ã¯ã€ã€Œç”»é¢
æ–°ç€è¨˜äº‹
Gunosyを支ãˆã‚‹UIデザインãƒãƒ¼ãƒ ã«èžãã€Gunosy2.0リニューアルã®èƒŒæ™¯ã¨ã“ã‚Œã‹ã‚‰ | Goodpatch Blog
{{#tags}}- {{label}}
{{/tags}}