「深津貴之æ°ã«å¦ã¶ã€ã‚¹ãƒžãƒ›UI/UX講座 〜iOS7ã«ã¤ã„ã¦ã®è€ƒå¯Ÿã¨fladdictデザイン論〜ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ | DevelopersIO
「デザイン = ã‹ã£ã“良ãã™ã‚‹ã“ã¨ã€ã ã¨ã¯é™ã‚‰ãªã„。 デザインã¨ã¯? è¨è¨ˆ 複雑ãªå•é¡Œã‚’æ•´ç†ã—ã¦è§£æ±ºã™ã‚‹ã“㨠ã‚ã‚Šã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã«è¿‘ã„ æ–‡ç« ã‚’æ›¸ãç·´ç¿’ã‚’ã™ã‚Œã°èªã¿ã‚„ã™ã„æ–‡ç« ã‚’æŽ›ã‘るよã†ã«ãªã‚‹ã®ã¨åŒæ§˜ã«ã€å‹‰å¼·ã™ã‚Œã°äººã‚’困惑ã•ã›ãªã„デザインã¯ä½œã‚Œã‚‹ã€‚ ヒューマンインターフェースã®åŽŸå‰‡ インターフェース = 接点ã€å¢ƒç•Œé¢ã€æŽ¥è§¦é¢ã€æŽ¥åˆé¢ã€ä»²ç«‹ã¡ã€æ©‹æ¸¡ã— ヒューマンインターフェース = 人ã¨ãƒ¢ãƒŽã‚’ã¤ãªãも㮠ヒューマンインターフェースã®åŽŸå‰‡ = アプリãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã™ã‚‹æ™‚ã®åŽŸå‰‡ 1.必然性ã®ã‚るビジュアル 機能ã¨å¤–見ãŒèª¿å’Œã—ã¦ã„ã‚‹ã‹ï¼Ÿ TPOã«ã‚ã‚ã›ãŸæ ¼å¥½ã‚’ã•ã›ã‚‹ ユーザーã¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å–ã‚‹ ドレスコードã¿ãŸã„ãªã‚‚ã®(例:ゲーム:楽ã—ãã€ãƒ„ール:ä¿¡é ¼æ€§ã‚ã‚Šãã†ãª) 機能ã«æœ€é©ãªå¤–見を与ãˆã‚‹ã“ã¨ã§... 使ã„æ–¹ãŒã¤ãŸã‚る。 ã¨ã£ã¤ãã‚„ã™ããªã‚‹ 2.一貫性 アプリ全体ã§ãƒ«
UICloud : Webデザイナーã®ãŸã‚ã®UIエレメント専門ã®ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆ
UICloud : Webデザイナーã®ãŸã‚ã®UIエレメント専門ã®ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆ UICloudã¯ãƒ•ãƒªãƒ¼ã®UIï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰ç´ æã‚’å°‚é–€ã«æ‰±ã†ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã€‚ ウェブサイト上ã§ä½¿ã†æ§˜ã€…ãªè¦ç´ やアプリケーション用ã®ç´ æãªã©æ•°å¤šãã®UIエレメントãŒãƒ©ã‚¤ãƒ³ãƒŠãƒƒãƒ—ã•ã‚Œã¦ãŠã‚Šã€CCライセンスã§è‡ªç”±ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã‚ーワード検索ã§æŽ¢ã—ãŸã‚Šã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ¥ã§ãƒ–ラウズã—ã¦æŽ¢ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Webデザイナーやアプリ開発者ãªã©ã€ãƒ–ックマークã—ã¦ãŠãã¨ä½•ã‹ã¨å½¹ã«ç«‹ã¤ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã§ã™ã€‚
Path CEOãŒæ–言-Mobileアプリã®åˆæœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯å¿…ãšå¤±æ•—ã™ã‚‹ ãã®ç†ç”± デザイン会社 ビートラックス: ブãƒã‚°
“æらãモãƒã‚¤ãƒ«ã‚¢ãƒ—リã®åˆæœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã»ã¨ã‚“ã©ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé›†ã¾ã‚‰ãšã†ã¾ãã„ã‹ãªã„ã ã‚ã†ã€‚僕ã®ãƒãƒ¼ãƒ ãŒä½œã£ãŸã‚¢ãƒ—リã®1st. ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã‹ãªã‚Šã®å¤§å¤±æ•—ã ã¨èªè˜ã—ã¦ã„る。†Pathã®CEO, Dave Morinã¯ãã†èªžã‚‹ã€‚ モãƒã‚¤ãƒ«ã‚¢ãƒ—リã«æ–¼ã„ã¦ãƒªãƒªãƒ¼ã‚¹ç›´å¾Œã‚ˆã‚Šã„ããªã‚Šã®ãƒ’ットを生ã¿å‡ºã™ã®ã¯è‡³é›£ã®æ¥ã§ã‚る。彼ã«ã‚ˆã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå¿ƒåœ°ã‚ˆã使ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã¾ã§ã«UI/UXをシンプルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ãŒã¨ã¦ã‚‚難ã—ã„ã‹ã‚‰ã§ã‚る。 “モãƒã‚¤ãƒ«ã‚¢ãƒ—リをシンプルã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã«ã¯éžå¸¸ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã€‚æらã多ãã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーãŒæœ€åˆã¯ç´ 晴らã—ã„ã¨æ€ã£ãŸã‚³ãƒ³ã‚»ãƒ—トを形ã«ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã‚’ã™ã‚‹ã€‚ãã—ã¦æœ€åˆã®ãƒ—ランã¨ã¯ã»ã©é ã„çµæžœã‚’見ã¦çµ¶æœ›ã™ã‚‹ã ã‚ã†ã€‚ãã®æ™‚ã«è€ƒãˆãªã‘ã‚Œã°è¡Œã‘ãªã„ã®ã¯ã€ãã“ã§æ¢ã‚ã¦ã—ã¾ã†ã¹ãã‹ã©ã†ã‹ã€‚ ç†è§£ã—ã¦ã»ã—ã„ã®ã¯ã€åˆæœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã»ã¼ç¢ºå®Ÿã«å¤±æ•—ã™ã‚‹ã¨ã„ã†äº‹ã€‚é‡è¦ãªã®ã¯ãã®çµæžœã‚’è¸ã¾ãˆã€æ•°å—ã ã‘ã®
ノンタッãƒUI時代ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ (Using emotiv)
This document is a profile page for @hagino3000, who works as a front-end engineer. It lists their interests which include iPhone Siri, Xbox Kinect, HTML5 device APIs, and various mobile platforms. It also recommends checking out the Emotiv brain-computer interface and provides links to its SDK and demos. The profile encourages hacking and experimenting with these technologies.Read less
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
iPhoneã‚„Androidå‘ã‘ã®UIパターンギャラリー・Mobile Design Pattern Gallery - ã‹ã¡ã³ã¨.net
カテゴリãŒã—ã£ã‹ã‚Šåˆ†ã‘られã¦ã„㦠凄ã見やã™ã‹ã£ãŸã®ã§ã”紹介。iPhone ã‚„Androidå‘ã‘ã®UIパターンギャラリー ã§ã™ã€‚アプリデベãƒãƒƒãƒ‘ーã•ã‚“ã‚„ アプリデザイナーã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘㮠デザインã®å‚考ã«ã„ã‹ãŒã§ã—ょã†ã€‚ パターンギャラリーã¯ã‚‚ã†ã™ã§ã«ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ã‘ã©ã€ã“ã“ã¯ç‰¹ã«ã¡ã‚ƒã‚“ã¨åˆ†ã‘ã¦ãã‚Œã¦ã„ã‚‹ã®ã§è¦‹ã‚„ã™ã„å°è±¡ã§ã—ãŸã€‚ 左サイドã«å¤§ã¾ã‹ãªã‚«ãƒ†ã‚´ãƒªãƒ¼ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œãžã‚Œã«ã¯æ›´ã«ç´°ã‹ã„パターンã«åˆ†ã‘られã¦ã„ã¾ã™ã€‚ãŸã¨ãˆã°ã€ãƒŠãƒ“ゲーションãªã‚‰ãƒªã‚¹ãƒˆã‚¿ã‚¤ãƒ—ã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«çœŸç´€ãªã©ã€‚ ã“ã¡ã‚‰ã¯æ¤œç´¢ã®ã‚«ãƒ†ã‚´ãƒªã€‚検索ボックスやã€ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—リートã€ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ä»˜ããªã©ãªã©ã€‚ インビテーション・・・サイトツアーã¿ãŸã„ãªã‚„ã¤ã§ã™ã€‚ã“ã†ã„ã†ã®ã‚ã‚“ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã¾ã›ã‚“よã。 パターンã¯ãã®å ´ã§Lightbox風ã«è¡¨ç¤ºã™ã‚‹ã®ã§ãƒšãƒ¼ã‚¸æŽ¨ç§»ã‚‚å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 ã¿ãŸã„ãªæ„Ÿã˜ã®ãƒ‘ターンギャラリーã§ã™ã€‚
デザイナã«çŸ¥ã£ã¦ã„ã¦æ¬²ã—ã„10個ã®Androidã®UIルール - ReDo
iPhoneã®ãã‚Œã¨æ¯”較ã—ã¦ã€ã‚ˆãã‹ã£ã“ã‚ã‚‹ã„ã¨è©•ä¾¡ã•ã‚Œã¦ã—ã¾ã†Androidã§ã™ãŒã€æ£ã—ãã¯ã€Œæ¨™æº–UIåŒå£«ã§æ¯”ã¹ãŸéš›ã«ã‚¤ã‚±ã¦ãªã„ã€ã®ãŒçœŸå®Ÿã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 今ç¾å®Ÿã¨ã—ã¦ã€Androidアプリã«ã‚¤ã‚±ã¦ãªã„ã‚‚ã®ãŒå¤šã„ã®ã§ã™ãŒã€ãã‚‚ãもデザインを考慮ã™ã‚‹ãƒ—ãƒã‚»ã‚¹ãŒçœç•¥ã•ã‚Œã¦ã—ã¾ã£ã¦ã„ãŸã‚Šã€æ™‚間（コスト）ãŒç„¡ã„ã¨ã‹ãã†ã„ã†ã“ã¨ã‚‚ã‚ã£ãŸã¨æ€ã„ã¾ã™ãŒã€æµçŸ³ã«ã“ã‚Œã ã‘メジャーãªãƒ‡ãƒã‚¤ã‚¹ã«ãªã£ã¦ã—ã¾ã†ã¨ãã‚ŒãŒè¨±ã•ã‚Œã‚‹æ™‚代ã¯çµ‚ã‚ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ドットコム全盛期ã®æ§˜ãªGeocities＋IBMホームページビルダーã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¯ã‚‹ã‹æ˜”ã«ã‚ャãƒãƒã•ã‚ŒãŸæ§˜ã«ã€ã‚‚ã†ãã‚ãã‚標準UIã§æœªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®Androidアプリもã‚ャãƒãƒã•ã‚Œã‚‹æ™‚代ã§ã™ã€‚ ãã‚“ãªä¸ã€åŠ¹çŽ‡ã‚ˆãã‹ã£ã“ã„ã„UIを構築ã™ã‚‹ãŸã‚ã«é ã®ç‰‡éš…ã§æŠŠæ¡ã—ã¦ãŠãã¨ã¡ã‚‡ã£ã¨å¹¸ã›ã«ãªã‚Œã‚‹ã€ç‹¬æ–ã¨å見ã§æ»ã‚Šã‚ã’ãŸ10個ã®Androidã®UIルールを紹介ã—ã¾ã™ã€‚
MOONGIFT Androidアプリ開発ã®ãŠä¾›ã«ã€ŒAndroid UI Utilsã€
Android UI Utilsã¯Android用ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。Androidã¯Googleã¨ã„ã†æŠ€è¡“先行ã®ä¼æ¥ãŒãƒ¡ã‚¤ãƒ³ã§é–‹ç™ºã—ã¦ã„ã‚‹ã ã‘ã«ã€ã‚ã¾ã‚Šã‚¢ãƒ—リケーションã®ãƒ‡ã‚¶ã‚¤ãƒ³éƒ¨åˆ†ã«æ‰‹ãŒå›žã£ã¦ã„ãªã„å°è±¡ã‚’å—ã‘る。開発者ã¯ã‚ˆãã¨ã‚‚ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã£ã¦ã¯å•é¡Œã ã‚ã†ã€‚ Pencil用ã®ç´ æ ã¨ã¯è¨€ãˆAndroid自体ãŒã‚ªãƒ¼ãƒ—ンソースã¨ã„ã†ã“ã¨ã‚‚ã‚ã£ã¦ã€å‘¨è¾ºã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアも増ãˆã¤ã¤ã‚る。もã—ã‚ãªãŸãŒAndroidアプリã®ãƒ¢ãƒƒã‚¯ãªã©ã‚’作æˆã™ã‚‹ãªã‚‰ã°Android UI Utilsを試ã—ã¦ã¿ã‚‹ã¨ã„ã„ã ã‚ã†ã€‚ Android UI Utilsã¯å¹¾ã¤ã‹ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„る。ã¾ãšFirefoxã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—作æˆãƒ„ールã§ã‚ã‚‹Pencil用ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒã‚る。ã“れをインãƒãƒ¼ãƒˆã™ã‚‹ã¨ã€Androidã«é©ã—ãŸUIコンãƒãƒ¼ãƒãƒ³ãƒˆãŒåˆ©ç”¨ã§ãるよã†ã«ãªã‚‹ã€‚ HTML5ã§ç”»åƒ
Android UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンを集ã‚ãŸã€ŽAndroid Patterns〠| 100SHIKI
ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ã‚ã‚‹ãŒã€ã‚„ã£ã±ã‚Šã“ã‚Œã‹ã‚‰å¤§äº‹ã«ãªã‚Šãã†ãªã®ã§ã”紹介。 Android Patternsã§ã¯ã€Androidã®UIã«é–¢ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンを集ã‚ã¦ã„るよã†ã 。 データをã©ã†è¦‹ã›ã‚‹ã¹ãã‹ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã©ã†ä½œã‚‹ã¹ãã‹ã€é€šçŸ¥ã¯ã©ã†ã‚ã‚‹ã¹ãã‹ã€ãªã©ãªã©ãŒç”»é¢ã¨ã¨ã‚‚ã«ç´¹ä»‹ã•ã‚Œã¦ã„る。 比較的自由度ã®é«˜ã„Androidã§ã‚ã‚‹ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¿·ã‚ã›ãªã„ãŸã‚ã«ã‚‚ã“ã†ã—ãŸãƒ‘ターンを抑ãˆã¦ãŠããŸã„ã¨ã“ã‚ã 。 今年ã¯Android開発ï¼ã¨ã„ã†æ–¹ã¯è¦—ã„ã¦ã¿ã¦ã¯ã„ã‹ãŒã ã‚ã†ã€‚
Flat UI Kit for Sketch - Vol 2
This complete UI kit for Sketch app features tonnes of interface elements including navigation menus, image sliders, buttons and checkboxes, pricing tables, graphs and much more. This pack is a great way to kickstart your next web or mobile app design project with Sketch app. Please note that no Photoshop or Illustrator compatible files are included with this download, you must have Sketch version
ãƒã‚°ã‚¤ãƒ³ç”»é¢ã®é›¢è„±çŽ‡ã‚’下ã’ã‚‹ï¼ECサイトå„社ã®å·¥å¤«
ã“ãŸã¤ã«ã¿ã‹ã‚“ã¯ã˜ã‚ã¾ã—ãŸã€‚nonakaã§ã™ã€‚ 週ã«ï¼‘度ã¯é€šè²©ã§è²·ã„物ã—ã¦ã¾ã™ã€‚ãã‚“ãªä¸ã€ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ç”»é¢ã‚’ã„ã‚ã„ã‚見ãŸã®ã§ã€ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³é€šè²©ã‚µã‚¤ãƒˆã®ãƒã‚°ã‚¤ãƒ³ç”»é¢ã‚’集ã‚ã¾ã—ãŸï¼ ファッション通販サイトã®å ´åˆã€ãƒã‚°ã‚¤ãƒ³ç”»é¢ã«ã€Œæ–°è¦ä¼šå“¡ç™»éŒ²ã€ã¸ã®èª˜å°ŽãŒã‚ã‚‹ã®ãŒã»ã¨ã‚“ã©ã§ã™ã€‚今回ã¯ã€2ã¤ã®ãƒ‘ターンã«ã‚ã‘ã¦ã”紹介ã—ã¾ã™ã€‚ 「ãƒã‚°ã‚¤ãƒ³ç”»é¢ã€ã‚¨ãƒªã‚¢ã€ã€Œæ–°è¦ç™»éŒ²ã€ã‚¨ãƒªã‚¢ãŒä¸Šä¸‹ã«ã‚るパターン セレクトショップ：BEYES ãƒã‚°ã‚¤ãƒ³ç”»é¢ã€æ–°è¦ç™»éŒ²ãŒä¸Šä¸‹ã«ã‚るパターン。入力フォームãŒå¤§ãã‚ã§å…¥åŠ›ã—ã‚„ã™ã„。新è¦ä¼šå“¡ç™»éŒ²ã®ãƒœã‚¿ãƒ³ã¯è‰²ã‚’変ãˆã¦ç›®ç«‹ãŸã›ã¦ã¾ã™ã€‚ ç„¡å°è‰¯å“ ãƒã‚°ã‚¤ãƒ³ç”»é¢ã€æ–°è¦ç™»éŒ²ãŒä¸Šä¸‹ã«ã‚るパターン。フォームã¨ãƒœã‚¿ãƒ³ã®æ¨ªå¹…ãŒãã‚ã£ã¦ã„ã¦è¦‹ã‚„ã™ã„ã§ã™ã。 ユニクムãƒã‚°ã‚¤ãƒ³ç”»é¢ã€æ–°è¦ç™»éŒ²ãŒä¸Šä¸‹ã«ã‚るパターン。入力フォームãŒå¤§ããã¦è¦‹ã‚„ã™ã„ã§ã™ã€‚ãƒã‚°ã‚¤ãƒ³ã¨ä¼šå“¡ç™»éŒ²ã®åˆ†ã‘ã‹ãŸã‚‚見やã™ã„ã§ã™ã。 åä¾›æœï¼šgoo
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Material UI
森田雄ã¨æ·±æ´¥è²´ä¹‹ã® UX ä¾ã€€åˆé™£ã€Œå…¨å›½ã‚¿ã‚¯ã‚·ãƒ¼é…車アプリã€é–‹ç™ºæ‹…当者ã¨UXを語る | UXサムライ
Google Bootstrap has moved!
layer8.sh
Appcelerator Developer Center - API for (version 1.6.2)
https://www.fenrir.co.jp/blog/2011/11/maxpaint.html
http://www.patternsofdesign.co.uk/
ninjaui.com
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
{{#tags}}- {{label}}
{{/tags}}