Collaboration Share your work with your team or clients and control the access level.
NinjaMock online wireframe and mockup tool
Collaboration Share your work with your team or clients and control the access level.
UXã®ãŸã‚ã®UIデザイン
5. UXã¨UIã®å¢ƒç•Œ UX = ユーザー体験 語られる言葉ã¯ã€ä½“験ã§ã™ã€‚ UI = ユーザーインターフェイス 語られる言葉ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚ã‚Šã€ãƒ“ジュアルã§ã‚ã‚Šã€ã‚¢ãƒ¼ã‚テクãƒãƒ£ã§ã™ã€‚ UX UI UX=UIã§ã¯ã‚ã‚Šã¾ã›ã‚“。ユーザーãŒUIを通ã—ã¦ä½“験ã™ã‚‹ã“ã¨ãŒUXã§ã™ã€‚ UIã§èªžã‚‰ã‚Œã‚‹è¨€è‘‰ãŒã©ã‚“ãªã«ç´ 晴らã—ãã¦ã‚‚ã€ãã‚ŒãŒã™ãªã‚ã¡UXを実ç¾ã—ã¦ã„ã‚‹ã¨ã¯è¨€ãˆã¾ã›ã‚“。 UIデザインã®ç†ç”± デザインã«ã¯ç†ç”±ãŒå¿…è¦ã§ã™ã€‚ UXã®å®Ÿç¾ã‚’UIã®ç›®çš„ã¨ã—ãŸå ´åˆã€ã€Žãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”±=UXを実ç¾ã—ã¦ã„ã‚‹ã“ã¨ã€ã§ã™ã€‚ ã—ã‹ã—ã€ä½“験をUIã®è¨€è‘‰ã§èªžã‚‹ã«ã¯é™ç•ŒãŒã‚ã‚Šã¾ã™ã€‚ãã®ãŸã‚ã€UXã¨UIã‚’ã¤ãªã言葉ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ 5
20 beautifully designed smartphone apps | Web Designer Depot
It’s no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It’s imperative because we’re not just taking a look online, but we as consumers are beginning to purchase, […] It’s no secret that designers must start designing for mobile. With more
ç°¡å˜ã«ä½¿ãˆã¦ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ãŒé«˜ã¾ã‚‹UI Tipsã¾ã¨ã‚ | Goodpatch Blog
ã—ã£ã‹ã‚Šã¨è€ƒãˆã‚‰ã‚ŒãŸUIã®ã‚¢ãƒ—リやWebサイトã¯ã¨ã¦ã‚‚使ã„ã‚„ã™ã„ãã€ä½¿ã£ã¦ã„ã¦ã¨ã¦ã‚‚楽ã—ã„ã§ã™ã‚ˆã。ã“ã®è¨˜äº‹ã‚’見ã¦ã„るデザイナーやディレクターã®æ–¹ã®ä¸ã§ã‚·ãƒ§ãƒƒãƒ”ングサイトや登録型サービスを担当ã—ã€UIè¨è¨ˆã‚’ã—ã¦ã„る方もã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚UIè¨è¨ˆã‚’ã™ã‚‹ä¸Šã§å¿…ãšè€ƒãˆã‚‹ã®ãŒã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„UIã€ã ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—å‰è¿°ã—ãŸã‚·ãƒ§ãƒƒãƒ”ングサイトや登録型サービスã®å ´åˆã¯ä½¿ã„ã‚„ã™ã•ã¨å…±ã«ã€ã€Œã‚·ãƒ§ãƒƒãƒ”ング購入数ã€ã‚„「登録者数ã€ã«ã‚‚æ°—ã‚’é…ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯ã€Œã‚·ãƒ§ãƒƒãƒ”ング購入数ã€ã‚„「登録者数ã€ã‚’示ã™ã€â€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡â€ を高ã‚ã‚‹UIã¨ã¯ã©ã‚“ãªã‚‚ã®ã‹ã€æµ·å¤–ã®è¨˜äº‹ã‚’å‚考ã«è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ （ã“ã®è¨˜äº‹ã¯GoodUIã‹ã‚‰ç¿»è¨³æŠœç²‹ã—ãŸã‚‚ã®ã§ã™ï¼‰ GoodUIã«ã¯ç°¡å˜ã«ä½¿ãˆã¦ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’高ã‚ã‚‹UIã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã„ãã¤ã‹ã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ãã®ä¸ã‹ã‚‰6ã¤ã€ç´ 晴らã—ã„アイデアをピック
UIデザインã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¾ã§å…±æœ‰ã§ãるモック作æˆãƒ„ールã¾ã¨ã‚ | Goodpatch Blog
先日ã€Goodpatch代表ã®åœŸå±‹ãŒWebSig会è°ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã§è¬›æ¼”ã‚’ã—ã¾ã—ãŸã€‚講演ã¯ã€Œãƒãƒ¼ãƒˆã«éŸ¿ãUIを生ã¿å‡ºã™ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§è¡Œã‚ã‚Œã€èµ·æ¥ã¾ã§ã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã€Goodpatchã®UIè¨è¨ˆãƒ—ãƒã‚»ã‚¹ãªã©ã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸã€‚講演内容ã¯â†“ã®slideshareã‚’å‚ç…§ã—ã¦ãã ã•ã„。 ãã®è¬›æ¼”ã®ä¸ã§Goodpatchã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作æˆã—ã¦ã„ã‚‹ã¨è©±ã—ã¾ã—ãŸã€‚以å‰ã«MEMOPATCHã§ã‚‚インタラクションや導線ã®å‹•ãã‚’ä¼ãˆã‚‹ä¸Šã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—作æˆãŒé‡è¦ã¨ã„ã†è¶£æ—¨ã®è¨˜äº‹ã‚’アップã—ã¦ã„ã¾ã™ã€‚ （å‚考: ã“ã‚Œã‹ã‚‰ã®UIデザインã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作ã‚ã†ï¼ˆå‰ç·¨ï¼‰, （後編）） プãƒãƒˆã‚¿ã‚¤ãƒ—作æˆã¨ã„ã†ã¨HTML, CSS, JavaScriptã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ãŒãƒ¡ã‚¸ãƒ£ãƒ¼ã‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚Œã ã¨ãƒªã‚½ãƒ¼ã‚¹ã‚’ã‹ãªã‚Šå‰²ãã“ã¨ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ãã“ã§ä»Šå›žã¯
期間é™å®šç„¡æ–™ï¼ç´„50,000円分ã®é«˜å“質ãªã‚¦ã‚§ãƒ–用ã®æœ‰æ–™ç´ æ・フォントãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã‚ˆ
日本時間29æ—¥ã®å¤œã¾ã§é™å®šã§ã€$499分ã€æ—¥æœ¬å††ã§ç´„50,000円分ã®æœ‰æ–™ã®ã‚¦ã‚§ãƒ–用ã®ç´ æやフォント計471種類ãŒç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ ※為替ã®å¤‰å‹•ãŒæ¿€ã—ã„ã®ã§ã€ã“れを書ã„ã¦ã„ã‚‹ç¾åœ¨$499ã¯48,432円ã§ã™ã€‚ 使ã„é“ãŒé™å®šã•ã‚ŒãŸã‚ˆã†ãªç´ æãªã‚“ã§ã—ょ？ã¨æ€ã†äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã„ã‚„ã„ã‚„ã“ã‚ŒãŒãªã‹ãªã‹ã®ç´ æãŒæƒã£ã¦ã„ã¾ã—ãŸã€‚ ç´ æã®æ供元ã¯ã€ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆã‚„クリエイティブ集団ã§ã™ã€‚ ç´ æã®æ供元 当ブãƒã‚°ã§ã‚‚紹介ã—ãŸã“ã¨ã®ã‚ã‚‹DesignModo, sitepoint, vandelayãªã©ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸã®ã§ç´ æã‚’ã‚ャプãƒãƒ£ã§ç´¹ä»‹ã™ã‚‹ã€ã€ã€å‰ã«ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ–¹æ³•ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ç´ æã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ダウンãƒãƒ¼ãƒ‰ã¯ã€ä¸‹è¨˜ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
dribbbleデザイナーãŒä»Šæœ€ã‚‚注目ã—ã¦ã„るカラーをãƒã‚§ãƒƒã‚¯ã§ãるツール -Color Pickers
デザインã®å®åº«dribbbleã®ç´ 晴らã—ã„アートワークã§ä½¿ç”¨ã•ã‚Œã¦ã„るカラーをピックアップã—ã€ã‚«ãƒ©ãƒ¼ã®ã‚¤ãƒ³ã‚¹ãƒ”レーションを得られる「Color Pickersã€ã‚’紹介ã—ã¾ã™ã€‚ UIã‚‚æ´—ç·´ã•ã‚Œã¦ã„ã¦ã€æ“作も気æŒã¡ã„ã„ã§ã™ã€‚ Color Pickers 僕も毎日dribbbleã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã¾ã™ãŒã€dribbleã§ã¯æ—¥ã€…100以上ã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ãŒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œç¶šã‘ã¦ã„ã¾ã™ã€‚Color Pickersã¯ãれらã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ã©ã®ã‚«ãƒ©ãƒ¼ãŒå‰é€”有望ã§ã€äººæ°—ãŒé«˜ã„ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã§ãるツールã§ã™ã€‚ 使ã„æ–¹ã¯ç°¡å˜ã§ã€å³ä¸Šã®ãƒªãƒãƒ¼ãƒ‰ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã ã‘ã§ã™ã€‚IEã¯éžå¯¾å¿œã§ã™ï¼ˆæ¶™ã€‚ ä»»æ„ã®ã‚«ãƒ©ãƒ¼ãŒé¸æŠžã•ã‚Œã€ãã®ã‚«ãƒ©ãƒ¼ã‚’ベースã¨ã™ã‚‹dribbleã®æœ€ã‚‚人気ãŒé«˜ã„アートワークã®ãƒ‘レットを表示ã—ã¾ã™ã€‚
» スマートフォンサイトã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを下ã’るアンãƒãƒ‘ターン | Webnoborder
モãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターン― ユーザーインタフェースã®ãŸã‚ã®ãƒ‘ターン集をèªã‚“ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚¢ãƒ³ãƒãƒ‘ターンも作りãŸã„ã¨æ€ã£ãŸã®ãŒã‚ッカケã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ 独æ–ã¨å見ã§è©•ä¾¡ã—ã¦ã„ã¾ã™ã€‚ å応エリアを探ã•ã›ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ 「ãŠé‡‘ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターン― ユーザーインタフェースã®ãŸã‚ã®ãƒ‘ターン集をèªã‚“ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚¢ãƒ³ãƒãƒ‘ターンも作りãŸã„ã¨æ€ã£ãŸã®ãŒã‚ッカケã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ 独æ–ã¨å見ã§è©•ä¾¡ã—ã¦ã„ã¾ã™ã€‚ å応エリアを探ã•ã›ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ 「ãŠé‡‘ã‹ã‚‰æŽ¢ã™ã€å‘¨è¾ºã®ãƒªã‚¹ãƒˆãŒã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«ãªã£ã¦ã„ã¾ã™ãŒã€ãƒ†ã‚ストã®éƒ¨åˆ†ã‚’タップã—ã¦ã‚‚何も動作ã—ã¾ã›ã‚“。 プラスアイコンã®éƒ¨åˆ†ã‚’タップã—ãªã„ã¨åå¿œã—ãªã„ã®ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«ã‚¿ãƒƒãƒ—é ˜åŸŸãŒãƒ¦ãƒ¼ã‚¶ã®æ„è˜ã¨é•ã†å ´æ‰€ã«è¨å®šã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«å•é¡ŒãŒã‚ã‚‹ã¨ã„ãˆã‚‹ã®ã§æ”¹å–„ãŒå¿…è¦ã§ã—ょã†ã€‚ å‚考サイト スマートフォンサイトã«ãŠ
明日å‹é”ã«è‡ªæ…¢ã§ãã‚‹ï¼éš ã‚ŒUIデザインã¾ã¨ã‚8㤠| Goodpatch Blog
以å‰ã‹ã‚‰ãƒãƒƒãƒˆã§iOSã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯ã‚¢ãƒ—リを傾ã‘ã‚‹ã¨éŸ³é‡èª¿ç¯€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®å…‰ã®ã‚ãŸã‚Šæ–¹ãŒå¤‰ã‚ã‚‹ã¨ã„ã†è¨˜äº‹ã‚’よã見ã¾ã™ã€‚ （å‚考: ã€è±†çŸ¥è˜ã€‘本体ã®å‚¾ãã«åˆã‚ã›ã¦éŸ³é‡ã‚¹ãƒ©ã‚¤ãƒ€ã®å…‰æ²¢ãŒå¤‰åŒ–ã™ã‚‹ï¼ˆiPhone/iPod touch/iPod nano）） ãã“ã§ä¸Šè¨˜ã®ã‚ˆã†ãªç´°éƒ¨ã«å‡ã£ãŸUIã¯ã‚‚ã£ã¨ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã®ã‹ã¨æ€ã„探ã—ã¦ã¿ã¾ã—ãŸï¼ã“れらを知ã£ã¦ã„ã‚‹ã¨UIã®å‹‰å¼·ã«ã‚‚ãªã‚‹ã—ã€å‹é”ã«ã‚‚自慢ã§ãã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿç¬‘ iOS 計算機 iOSã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§å…¥ã£ã¦ã„る計算機アプリ。iPhoneãªã©ã‚’ãƒãƒƒã‚¯ã‚’解除ã—ã¦æ¨ªã«ã™ã‚‹ã¨è¶³ã—ç®—ã‚„ã‹ã‘算以外ã®è¤‡é›‘ãªè¨ˆç®—ãŒã§ãるボタンãŒå‡ºã¦ãã¾ã™ã€‚僕ã¯Ï€ã—ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ Foursquare ãã®1 有åãªãƒã‚§ãƒƒã‚¯ã‚¤ãƒ³ã‚¢ãƒ—リFoursquare。写真付ã投稿ã®å†™çœŸã‚’å·¦ã«ã‚¹ãƒ¯ã‚¤ãƒ—ã™ã‚‹ã¨éš ã‚Œã‚ャラãŒç™»å ´ã—ã¾ã™ã€‚実ã¯ã“ã®éš ã‚Œã‚ャラã€Foursquareã®
CSS3を上手ã使ã£ãŸæ°—æŒã¡ã®ã„ã„UIパーツã¾ã¨ã‚8㤠| Goodpatch Blog
以å‰æ—¥æœ¬äººåˆã®Dribbberã§ã‚る貫井ã•ã‚“ã«ãŠè©±ã‚’伺ã£ãŸéš›ã«ã€è²«äº•ã•ã‚“ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€Œæ°—æŒã¡ã„ã„ã€ã¨ã„ã†ã“ã¨ã‚’大切ã«ã—ã¦ã„ã‚‹ã¨è©±ã—ã¦ã„ã¾ã—ãŸã€‚UIãŒè‰¯ã„ã¨ã•ã‚Œã‚‹Appleã®Webサイトã®ãƒœã‚¿ãƒ³ãªã©ã¯ç´°éƒ¨ã¾ã§ç¾Žã—ãã€è§¦ã£ãŸæ™‚ã«ã€Œæ°—æŒã¡ã„ã„ãªã€ã¨æ„Ÿã˜ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯Web用ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®é…布サイトCODEPENã‹ã‚‰ã€CSS3ã§æ›¸ã‹ã‚ŒãŸã€Œæ°—æŒã¡ã„ã„ã€ã¨æ„Ÿã˜ã‚‹UIパーツを集ã‚ã¦ã¿ã¾ã—ãŸï¼ http://codepen.io/minustalent/pen/GzuCa ゴムã§ã§ããŸã‚ˆã†ãªãƒœã‚¿ãƒ³ã§ã™ã€‚押ã™ã¨ã‚‚ã«ã‚…ã£ã¦ã¸ã“ã¿ã¾ã™ã€‚ http://codepen.io/Dyki01/pen/BeKyp ã§ã£ã±ã£ã¦ã„ã‚‹æ–‡å—をマウスオンã™ã‚‹ã¨æ–‡å—ãŒã‚¹ãƒƒã¨å¼•ã£è¾¼ã¿ã¾ã™ã€‚ http://codepen.io/diegopardo/pen/dGlfC ã“ã‚Œã¯ãƒœã‚¿ãƒ³ã§ãªããŸã ã®ãƒ†ã‚ストãªã®ã§ã™ãŒã€L
UIã ã‘ã§ã‚‚デザインã§ãã‚‹ç†ç”±
UI（ユーザーインターフェイス）ã¯ã€ã„ã¤ã®é ƒã‹ã‚‰ã‹é…力的ãªè¦–覚è¦ç´ ãŒå«ã¾ã‚ŒãŸ GUI ã¨ã—ã¦èªžã‚‰ã‚Œã‚‹ã»ã†ãŒå¤šããªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯ã‚る種ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’装飾ã¨ã—ã¦ã®ã¿æ•ã‚ã‚Œã¦ã—ã¾ã†çŠ¶æ³ã¨ä¼¼ã¦ã„ã‚‹ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚ ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¨ã¯ä¸€ä½“何ãªã®ã‹ã€‚スケッãƒã—ã¦ã¿ã¾ã—ãŸã€‚ 昔ã‹ã‚‰ã‚るデスクトップã§ã‚‚ã€Google Glass ã®ã‚ˆã†ãªæœªçŸ¥ã®ãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ã€äººã¨ã‚³ãƒ³ãƒ”ュータã®é–¢ã‚ã‚Šã¯å¿…ãšã¨ã„ã£ã¦ã„ã„ã»ã©ç™ºç”Ÿã—ã¾ã™ã€‚ 人ãŒä½•ã‹ã‚’インプットã™ã‚‹ã“ã¨ã§ã€ã‚³ãƒ³ãƒ”ュータã¯å‡¦ç†ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’アウトプットã—ã¦äººã«ä¼ãˆã¾ã™ã€‚ユーザーインタフェイスã¨ã¯ã€äººã®ã‚¤ãƒ³ãƒ—ットを助長ã—ãŸã‚Šã€ã‚³ãƒ³ãƒ”ュータãŒå‡¦ç†ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’人ãŒç†è§£ã§ãるよã†ã«ã‚¢ã‚¦ãƒˆãƒ—ットã™ã‚‹å½¹å‰²ã‚’æžœãŸã—ã¾ã™ã€‚ã¤ã¾ã‚Šã€äººãŒæ“作ã™ã‚‹ã‚³ãƒ³ãƒ”ュータã¨ã®é–¢ã‚りを円滑ãªã‚‚ã®ã«ã™ã‚‹ã®ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®åŸºç¤Žã¨æ‰ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚UI ã‚’ HCI (Huma
CSS Nite ï¼ Co-Edo, Vol.8「UIデザインã®ãƒ‘ターン化ã€ã«è¡Œã£ã¦ããŸã‚ˆ - Mitsu.log();
2013-04-13 CSS Nite ï¼ Co-Edo, Vol.8「UIデザインã®ãƒ‘ターン化ã€ã«è¡Œã£ã¦ããŸã‚ˆ 4月4æ—¥ã«è¡Œã‚ã‚ŒãŸCSS Nite ï¼ Co-Edo, Vol.8「UIデザインã®ãƒ‘ターン化ã€ã«è¡Œã£ã¦ãã¾ã—ãŸã€‚ã“ã®å‰ã“ã“ã«ã‚‚書ã„ãŸCSS Nite LP26ã®CSSプリプãƒã‚»ãƒƒã‚µã®å›žã§ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã®@tikedaã•ã‚“ã®ãŠè©±ã‚’ã‚‚ã£ã¨èžã„ã¦ã¿ãŸã„ãªãƒ¼ã¨æ€ã£ã¦ã„ãŸã®ã§ã€ã“ã‚Œã¯ï¼ï¼ã¨æ€ã„。テーマã¯ã€ŒUIデザインã®ãƒ‘ターン化ã€ã€‚ã¡ã‚‡ã†ã©ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãŸã‚ã®UIデザイン ユーザー体験ã«å¤§åˆ‡ãªãƒ«ãƒ¼ãƒ«ã¨ãƒ‘ターンã€ã¨ã„ã†æœ¬ã‚’出ã•ã‚ŒãŸã°ã‹ã‚Šã ã£ãŸã®ã§ã€æœ¬ã‹ã‚‰æŠœç²‹ã•ã‚ŒãŸå†…容ãŒç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚以下Agenda。 UIã®ãƒ‘ターン化・ルール化ã¨ã¯ プラットフォームã®æµå„€ ç”»é¢ãƒ‘ターン UIコンãƒãƒ¼ãƒãƒ³ãƒˆ 実践事例 パターンã¨ãƒ«ãƒ¼ãƒ«ãŒã‚‚ãŸã‚‰ã™ãƒ¡ãƒªãƒƒãƒˆ 90分ã¨ã„ã†çŸã„時間ã ã£ãŸã‘ã©ã€ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—çš„ãªã®
in the looop | Looops communications
ループス・コミュニケーションズã¯ã€ ä¼æ¥ã®SNS活用戦略ã®ç«‹æ¡ˆãƒ»é‹ç”¨æ”¹å–„ã€å•“発教育ãªã©ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“スやã€ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—やイノベーションをテーマã¨ã—ãŸä¼æ¥ç ”修をæä¾›ã—ã¦ã„ã¾ã™ã€‚
iOSヒューマンインターフェイスガイドライン
iOSヒューマンインターフェイスガイドラ イン iPhone > User Experience 2011-03-23 Apple Inc. © 2011 Apple Inc. All rights reserved. 本書ã®ä¸€éƒ¨ã‚ã‚‹ã„ã¯å…¨éƒ¨ã‚’ Apple Inc. ã‹ã‚‰ 書é¢ã«ã‚ˆã‚‹äº‹å‰ã®è¨±è«¾ã‚’å¾—ã‚‹ã“ã¨ãªã複写 複製（コピー）ã™ã‚‹ã“ã¨ã‚’ç¦ã˜ã¾ã™ã€‚ã¾ ãŸã€è£½å“ã«ä»˜å±žã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯åŒæ¢±ã®ã‚½ フトウェア使用許諾契約書ã«è¨˜è¼‰ã®æ¡ä»¶ã® ã‚‚ã¨ã§ãŠä½¿ã„ãã ã•ã„。書類を個人ã§ä½¿ç”¨ ã™ã‚‹å ´åˆã«é™ã‚Š 1 å°ã®ã‚³ãƒ³ãƒ”ュータã«ä¿ç®¡ ã™ã‚‹ã“ã¨ã€ã¾ãŸãã®æ›¸é¡žã«ã‚¢ãƒƒãƒ—ルã®è‘—作 権表示ãŒå«ã¾ã‚Œã‚‹é™ã‚Šã€å€‹äººçš„ãªåˆ©ç”¨ã‚’ç›® çš„ã«æ›¸é¡žã‚’複製ã™ã‚‹ã“ã¨ã‚’èªã‚ã¾ã™ã€‚ Apple ãƒã‚´ã¯ã€ç±³å›½ãã®ä»–ã®å›½ã§ç™»éŒ²ã•ã‚Œ 㟠Apple Inc. ã®å•†æ¨™ã§ã™ã€‚ ã‚ーボードã‹ã‚‰å…¥åŠ›å¯èƒ½ãª Apple ãƒã‚´ã«ã¤ ã„ã¦ã‚‚ã€ã“れを Apple In
コンテンツã§æ”¹å–„ã™ã‚‹ UI デザインã®æ¥µæ„
デザインã¯å°ã•ãªãƒ†ã‚ストã‹ã‚‰å§‹ã¾ã‚Šã¾ã™ã€‚コンテンツを膨大ã«æŠ±ãˆã‚‹å¤§è¦æ¨¡ãªã‚µã‚¤ãƒˆã§ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„作æˆã‚’委ãã‚‹å°ã•ãªã‚¢ãƒ—リケーションã§ã‚‚å°ã•ãªãƒ†ã‚ストãŒè¡Œå‹•ã®å¤‰åŒ–ã«ç¹‹ãŒã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ コンテンツãŒã‚る状態ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã¨ã€ä½•ã‚‚ãªã„ã¾ã¾ã‚¹ã‚¿ãƒ¼ãƒˆã™ã‚‹ã®ã§ã¯å¤§ããªå·®ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚ UI デザインã®è©±ã«ãªã‚‹ã¨ã€ãƒ“ジュアルやインタラクションãŒè©±é¡Œã®ä¸å¿ƒã«ãªã‚ŠãŒã¡ã§ã™ãŒã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚‚ UI ã§ã™ã€‚ãªãœã‚³ãƒ³ãƒ†ãƒ³ãƒ„㌠UI デザインã«ãŠã„ã¦é‡è¦ãªã®ã‹ã‚’解説ã™ã‚‹ã¨å…±ã«ã€ä»Šã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯å°ã•ãªãƒ†ã‚ストã®å·¥å¤«ã‹ã‚‰ã¯ã˜ã¾ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€å¹¾ã¤ã‹ã®ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ãƒ¼ã‚’ã¿ãªãŒã‚‰å‚¾å‘ã¨å¯¾ç–を紹介ã—ã¾ã™ã€‚Read less
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
シンプルã§ãƒŸãƒ‹ãƒžãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆç´ æ -Minimal UI Kit
Ui General Blog
事例紹介 | æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ•ã‚©ãƒãƒ¼ãƒ³
http://jp.startup-dating.com/2012/05/interview_ikumikatayama
{{#tags}}- {{label}}
{{/tags}}