勘é•ã„ã らã‘ã®Android UIデザイン
ã€å¢—å“¡ï¼â†’370å】 開発者ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¿…見ï¼ã€€ã‚¢ãƒ—リ制作勉強会 / 勘é•ã„ã らã‘ã®Android UIデザイン 発表資料（2012å¹´8月21日） http://atnd.org/events/31039 The presentation doc for Smartphone application design seminar on 2012/08/21 by WAVE Multimedia School.Read less
クックパッドæµUIã®ä½œã‚Šæ–¹ - takeshi nagayama's blog
ãªã‚“ã‹çªç„¶æ±äº¬è¡ŒããŸããªã£ãŸã®ã§ã€ã²ã‚‡ã²ã‚‡ã„ã¨è¡Œã£ã¦ããŸã€‚ ãŸã¾ãŸã¾ç«‹ã¡å¯„ã£ãŸã‚¯ãƒƒã‚¯ãƒ‘ッドã£ã¦ã„ã†ä¼šç¤¾ã§ã‚¯ãƒƒã‚¯ãƒ‘ッドæµUIã®ä½œã‚Šæ–¹ã¨ã„ã†å‹‰å¼·ä¼šã—ã¦ãŸã®ã§ã€å¶ç„¶æŒã¡åˆã‚ã›ã¦ã„ãŸã¯ã¦ãªã‚¹ãƒ†ãƒƒã‚«ãƒ¼æ¸¡ã—ãŸã‚ŠãŠã„ã—ã„æ–™ç†ã„ãŸã ã„ãŸã‚Šã—ãŸã€‚ UI/UXã®ãŸã‚ã®Sass æ± ç”°ã•ã‚“ / サービスデザイン部 Sass / Haml (エンジニア・デザイナーå•ã‚ãšã«) Github デザイナーもpull req 一ã¤ã®ã‚µãƒ¼ãƒ“スを複数ãƒãƒ¼ãƒ ã§é–‹ç™º å„デãƒã‚¤ã‚¹ã§é€Ÿã„サイクルã§ã®é–‹ç™º Sassã¨ã¯ → ããã‚Œ 全体ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŸãã‚‹ → デザインガイドライン ガイドライン Sassã§çµ±ä¸€çš„ãªã‚‚ã®ã‚’æä¾›ã™ã‚‹ ç”»åƒã‚’使ã‚ãšã«CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆ mixinã‚’ã¤ã‹ã£ã¦çµ±ä¸€ã§ãã‚‹ ç”»åƒç·¨é›†ãŒã„らãªã„ プãƒãƒ‘ティã®å¤‰æ›´ã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¹…ã‚’ã‚‚ãŸã›ã‚‹äº‹ãŒã§ãã‚‹ mixinã®ä¸èº«ã¯å¿œç”¨ãŒããよã†ãªä»•çµ„ã¿ã«ã—ã¦ãŠã 検証を
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】クックパッドã®UIデザイナー：「エンジニアã®ä»•äº‹ãŒï¼ã‚’１ã«ã™ã‚‹ä»•äº‹ãªã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯1ã‚’100ã«ã™ã‚‹ä»•äº‹ 〠| Startup Dating
Startup Datingã§ã‚¤ãƒ³ã‚¿ãƒ“ュー連載を始ã‚ã¦ã¿ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ã•ã¦é€£è¼‰ã®åˆå›žã¯ã€2011å¹´ã«æ–°å’ã¨ã—ã¦ã‚¯ãƒƒã‚¯ãƒ‘ッドã«å…¥ç¤¾ã—ã€ç¾åœ¨UIデザイナーã¨ã—ã¦æ´»èºã™ã‚‹ç‰‡å±±è‚²ç¾Žã•ã‚“（@monja415）。片山ã•ã‚“ãŒç¾è·ã«å°±ãã¾ã§ã®é“ã®ã‚Šã‚„ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UIã«é–¢ã™ã‚‹è€ƒãˆæ–¹ã€ç‰‡å±±ã•ã‚“ãŒæ‰‹ãŒã‘ãŸå…·ä½“çš„ãªUI改善ã®äº‹ä¾‹ã‚„ヒントãªã©ã‚’ãŸã£ã·ã‚ŠãŠä¼ãˆã—ã¾ã™ã€‚ 美術大å¦ã§å‹‰å¼·ã€ã‚‚ã¨ã‚‚ã¨è·äººã«ãªã‚ŠãŸã‹ã£ãŸ ã‚‚ã¨ã‚‚ã¨çµµã‚’æãã®ãŒå¥½ãã ã—å¾—æ„ã€é«˜æ ¡ã®ã¨ãã‹ã‚‰è·äººã«ãªã‚ŠãŸã„ã¨æ€ã£ã¦ã„ãŸã¨è©±ã™ç‰‡å±±ã•ã‚“。美術大å¦ã«é€²å¦ã—ã€ãƒ•ã‚¡ã‚¤ãƒ³ç³»ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã§ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã‚’å¦ã¶ã“ã¨ã‚’é¸æŠžã€‚ファイン系ã¨ã¯ã€çµµç”»ã‚„彫刻ãªã©ã„ã‹ã«ã‚‚“アートâ€ã¨ã„ã†ã‚‚ã®ã€‚ファイン系ãŒèŠ¸è¡“ã ã‹ã‚‰ã€ã©ã“ã‹è‡ªåˆ†ã®ä¸ã§å®Œçµã—ã¦ã—ã¾ã†ã¨ã“ã‚ãŒã‚る。ã§ã‚‚ã€è·äººã£ã¦èª°ã‹ã®ãŸã‚ã«æŠ€è¡“を使ãˆã‚‹äººãªã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨ã€‚æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç§‘ã‚’å°‚æ”»ã—ã€ã‚µãƒ¼ãƒ“スデザインやUXã¨è¨€ã‚
ã€ã¡ã‚‡ã„ä¿å˜ç‰ˆã€‘ヒートマップ分æžã€H&Mã®æ°´ç€åºƒå‘Šã®ç”·å¥³å·®ãªã©9é¸ | PRFREAK
広告ã¯æœ¬å½“ã®ã¨ã“ã‚見られãŸã®ã‹ã€ãã—ã¦ãƒ‰ã‚³ã«æ³¨ç›®ãŒé›†ã¾ã£ãŸã®ã‹ã€çŸ¥ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ヒートマップã¨ã‚¢ã‚¤ãƒ»ãƒˆãƒ©ãƒƒã‚ングã®æŠ€è¡“ãŒå‘上ã—ãŸçµæžœã€äººã€…ã®è¦–ç·šã®è¡Œæ–¹ã‚’æ£ç¢ºã«çŸ¥ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚広告会社ã«ã¯ä¸éƒ½åˆãªçœŸå®Ÿã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€Business Insiderã®ã€Œ16 Heatmaps That Reveal Exactly Where People Lookã€ã¨ã„ã†è¨˜äº‹ã‚’厳é¸ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 1. H&Mã®æ°´ç€åºƒå‘Š 男性ã¯æ°´ç€å§¿ã®å¥³æ€§ãƒ¢ãƒ‡ãƒ«ã‚’å‡è¦–ã—ã¾ã™ã€‚一方ã€å¥³æ€§ã¯ãƒ¢ãƒ‡ãƒ«å‘¨è¾ºã®åºƒå‘Šãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«ã‚‚視線をå分ã«é…ã‚Šã¾ã™ã€‚ 2. 美女ã®ãƒŒãƒ¼ãƒ‰ã¨é´ 男性ã¯å…¨ç„¶ã€é´ã«èˆˆå‘³ã‚’示ã—ã¦ã„ã¾ã›ã‚“。é´ã—ã‹èº«ã«ã¤ã‘ã¦ãªã„ã®ã«ãƒ»ãƒ»ãƒ» 3. 視線ã§èª˜å°Ž 女性モデルã®è¦–ç·šãŒå•†å“ã«å‘ã„ã¦ã‚‹ã¨ã€èªè€…ã®è¦–線も商å“ã¸èª˜å°Žã•ã‚Œã¾ã™ã€‚ 4. ãƒãƒŠãƒ¼ãƒ–ラインドãƒã‚¹ サイト閲覧者ã¯å½“然ã€è¨˜äº‹ã‚’èªã¿ã¾ã™ã—ã€ãƒãƒŠãƒ¼åºƒå‘Šã‚’ã»
ニコニコ超デザイン-Metro考察編-
2. ã¯ã˜ã‚ã« å‰å›žã¾ã§ã®ã‚らã™ã˜ 2012/4/6〜～4/24 ニコニコ超開発 http://www.slideshare.net/koizuka/ss-â€â€‘‒12766279 ニコニコ超デザイン http://www.slideshare.net/VoQn/metro-â€â€‘‒12761898 3. ã¯ã˜ã‚ã« å‰å›žã¾ã§ã®ã‚らã™ã˜ 2012/4/6〜～4/24 ニコニコ超開発 http://www.slideshare.net/koizuka/ss-â€â€‘‒12766279 ニコニコ超デザイン http://www.slideshare.net/VoQn/metro-â€â€‘‒12761898 →  4/25  WDD  実æ³ãƒã‚§ãƒƒã‚¯  /  NicoNicoMetro  社内レビュー 4. ã¯ã˜ã‚ã« å‰å›žã¾ã§ã®ã‚らã™ã˜ 2012/4/6〜～4/24 ニコニコ超開発 http://www.sli
写真ãŒèªžã‚‹UXã¨UIã®é•ã„ - Nothing ventured, nothing gained.
Windows XPã®XPãŒeXPerienceã ã£ãŸã“ã¨ã‚’覚ãˆã¦ã„る人ãŒã©ã®ãらã„ã„ã‚‹ã‹ã‚ã‹ã‚‰ãªã„ãŒã€æ£ç›´ã€æœ€åˆã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã¨èžã„ãŸã¨ãã«ã€ã©ã®ã‚ˆã†ã«æ—¥æœ¬ã«å®šç€ã•ã›ã‚ˆã†ã‹ã¨æ‚©ã‚“ã 。略語を開ãã“ã¨ãªã©ã‚ã¾ã‚Šç„¡ã„ã®ã§ã€è£½å“åãªã©ã¯å¤§ã—ã¦å¿ƒé…ã¯ã—ãªã‹ã£ãŸã®ã ãŒã€ç¢ºã‹ä½•ã‹ã®è¨å®šç”»é¢ã‹ã«ã‚‚ã€Experienceã¨ã„ã†ã‚¿ãƒ–åã‹ä½•ã‹ãŒã‚ã‚Šã€ã©ã®ã‚ˆã†ã«è¨³ã™ã‹é ã‚’ç—›ã‚ãŸã‚ˆã†ã«è¨˜æ†¶ã™ã‚‹ã€‚ ãã‚Œã‹ã‚‰æ•°å¹´ã€ã™ã£ã‹ã‚ŠUXã€ã™ãªã‚ã¡ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã¨ã„ã†è¨€è‘‰ãŒå®šç€ã—ãŸã‚ˆã†ã«æ€ã†ã€‚ãã‚Œã§ã‚‚ã€ä»Šã§ã‚‚UXã¨UIã‚’æ··åŒã™ã‚‹å ´é¢ã«å‡ºãã‚ã™ã“ã¨ãŒã‚る。 ã™ã§ã«æ§˜ã€…ãªã¨ã“ã‚ã§èª¬æ˜Žã¯ã•ã‚Œã¦ã„ã‚‹ãŒã€æ•¢ãˆã¦ã€ã“ã“ã§ã‚‚UXã¨UIã®é•ã„を説明ã—よã†ã€‚ UX（ユーザーエクスペリエンス）ã¯ã€è£½å“やサービスã«å¯¾ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã©ã®ã‚ˆã†ã«æ„Ÿã˜ã€ãã—ã¦åå¿œã™ã‚‹ã‹ã®ã“ã¨ã§ã‚る。実ã¯ã€UXã¯2010å¹´ã«ISO 9241-210ã¨ã„
インタフェースデザインやインタラクションデザインãŒãªãœé‡è¦ã‹ï¼Ÿ | インタラクションã¨ãƒ‡ã‚¶ã‚¤ãƒ³
ã¯ã˜ã‚㫠人ãŒé–¢ã‚ã‚‹ã‚‚ã®ã™ã¹ã¦ã«ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒã‚る。ãã—ã¦ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯äººã®è¡Œç‚ºã‚’ã¤ãる。ã‚ã‚‹ã„ã¯ã€Œè¡Œç‚ºã«å½±éŸ¿ã™ã‚‹ã‚ˆã†ã«ç‰©ã®è¨è¨ˆã‚’考ãˆã‚‹ã“ã¨ãŒã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®è¨è¨ˆã€ã¨è¨€ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 行為ã¯äººã®çµŒé¨“ã‚’ã¤ãる。連続ã™ã‚‹è¡Œç‚ºã¯æ´»å‹•ã¤ãり文化をã¤ãる。ã ã‹ã‚‰ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯é‡è¦ã§ã‚る。人ã«ã¨ã£ã¦ã“ã‚“ãªã«æœ¬è³ªçš„ã§ã€æ–‡åŒ–ã«ã¨ã£ã¦ã‚‚é‡è¦ãªç¾è±¡ã‚’ã€ãªãœã‚‚ã£ã¨æ³¨ç›®ã—ãªã„ã®ã ã‚ã†ã‹ã€‚インタフェースã«äººé¡žã®æœªæ¥ãŒã‚ã‚‹ã¨è¨€ã£ã¦ã‚‚ã„ã„ã»ã©ã 。 ã“ã®æ–‡ç« ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚„インタラクションã ã‘ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã€ãã®è¦–点ã‹ã‚‰ã€ãã‚ŒãŒã„ã‹ã«é‡è¦ã§ã‚ã‚‹ã‹ã‚’記述ã™ã‚‹è©¦ã¿ã§ã‚る。 *書ã„ãŸå¾Œã«æ€ã†ã“ã¨ã¯ã€åƒ•è‡ªèº«ã¯ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã‚³ãƒ³ãƒ”ュータã‹ã‚‰å¤–ã«å‘ã‹ã£ã¦ã„ã¦ã€ã‚³ãƒ³ãƒ”ュータã®ä¸ã‚’æ“作ã™ãŸã‚ã®ã‚‚ã®ã˜ã‚ƒãªã„ã“ã¨ã€‚ã ã‹ã‚‰ã“ã‚“ãªç™ºæƒ³ã«ãªã‚‹ã€‚ã§ã‚‚ã“ã‚Œã¯ãƒ¦ãƒ“ã‚タスコンピューティングや実世界指å‘ãªã©ä¸€é€£ã®æ€æƒ³ã®æµã‚Œã®çµæžœã ã¨ã¯æ€ã£
UX/UIデザインガイドライン : å°é‡Žå’Œä¿Šã®ãƒ–ãƒã‚°
ã“ã®ã¨ã“ã‚ã€ã‚¢ãƒ—レッソã®ä¸ã§ã‚‚ã€MIJS製å“技術委員会ã§ã‚‚ã€è‡ªåˆ†ãŸã¡ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®UX/UIをブラッシュアップã—ã¦ã„ããŸã‚ã«ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’ディスカッションã—ã¦ã„る。 UX/UIデザインガイドラインã¨ã—ã¦å„社ã®æŽ¨å¥¨ã™ã‚‹æŒ‡é‡ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ãŒWebã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚れデザイナーã§ã‚ã‚Œã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ç”»é¢è¨è¨ˆã«ä½•ã‚‰ã‹ã®å½¢ã§æºã‚ã‚‹ã®ã§ã‚ã‚Œã°ã€åŸºç¤ŽçŸ¥è˜ã¨ã—ã¦ä¸»è¦ãªã‚‚ã®ã«ã¯ç›®ã‚’通ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®ç”¨èªžã§æ‰‹çŸã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå–れるã®ã¨åŒã˜ã‚ˆã†ã«ã€ã€Œã“ã“ã¯â—‹â—‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®â–³â–³ãƒ‘ターンを使ã†ã®ã¯ã©ã†ã‹ãªï¼Ÿã€ã¨ã„ã†ã‚ˆã†ãªä¼šè©±ãŒã§ãるよã†ã«ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„る。 â– Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) â– M
ä¼ç”»ãŒè€ƒãˆã‚‹ã‚¹ãƒžãƒ›UIデザイン
3. “Dead Space†ã‚ャラã®èƒŒä¸ã«ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ã‚¸ã‚’ 埋ã‚込むã³ã£ãりアイデア ã»ã¨ã‚“ã©ã®UIを３D空間ã®ä¸ã«æ§‹ç¯‰ “Fall Out 3†プレイヤーã‚ャラã®è…•ã«ã¤ã„㟠デãƒã‚¤ã‚¹ï¼ˆPip-Boy）をãã®ã¾ã¾UI化 ãれ以外ã®UIã¯æ¥µåŠ›ã‚·ãƒ³ãƒ—ルã«ã¾ã¨ã‚ã‚‹
エãƒãƒ¼ãƒŽãƒ¼ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒæ•™ãˆã‚‹ã€Œé…力ã‚ã‚‹UIã¨UXã€ã®æ¥µæ„
2012å¹´2月3æ—¥ã€â€œã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼æµâ€ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）やユーザー体験（UX）ã€ãƒ–ランドã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’テーマã«ã—ãŸãƒˆãƒ¼ã‚¯ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒã€ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¬ãƒ¬ãƒ¼ã‚¸æœ¬ç¤¾ã§è¡Œã‚ã‚ŒãŸã€‚ 登壇ã—ãŸã®ã¯ã€ç±³ã‚¨ãƒãƒ¼ãƒŽãƒ¼ãƒˆã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ディレクターを務ã‚るゲイブ・ã‚ャンãƒãƒ‰ãƒ‹ãƒ¼ã‚³æ°ï¼ˆå†™çœŸ1）。米アップルã§ã®å‹¤å‹™çµŒé¨“ã‚‚æŒã¤åŒæ°ã¯ã€ã“ã®æ•°å¹´ã«ã‚ãŸã‚‹ã‚¨ãƒãƒ¼ãƒŽãƒ¼ãƒˆã®ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãƒ–ランド構築ã¾ã§ã®æ•°ã€…ã®çµŒé¨“談を語ã£ãŸã€‚ åŒæ°ãŒè¬›æ¼”ã§æŒ‡æ‘˜ã—ãŸUIã¨UXã€ãƒ–ランド構築ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ä»¥ä¸‹ã®9点ã«ã¾ã¨ã‚られる。 1）最åˆã‹ã‚‰ç·¨é›†ã«ç€æ‰‹ã—ã¦ã¯ã„ã‘ãªã„ 最åˆã®æ•™ãˆã¯ã€ã€Œã„ããªã‚Šç·¨é›†ã«ç€æ‰‹ã—ã¦ã¯ã„ã‘ãªã„ã€ã€‚åŒæ°ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«å¿ƒãŒã‘ã¦ã„ã‚‹ã®ã¯ã€ã§ãã‚‹ã ã‘ãŸãã•ã‚“ã®æƒ…å ±ã‚’åŽé›†ã™ã‚‹ã“ã¨ã€‚ãã®ãŸã‚ã«åŒæ°ã¯ã€ãŸãã•ã‚“ã®äººã«ä¼šã†ã®ã ã¨ã„ã†ã€‚ エãƒãƒ¼ãƒŽãƒ¼ãƒˆã«ã¯å‰µæ¥æ™‚ã‹ã‚‰å‚åŠ ã™ã‚‹ã“ã¨ã«ãªã£ãŸã®ã§ã€åŒæ°ã¯ã¾ãšä¼æ¥ãƒã‚´ã‚’考ãˆã‚‹
エンジニアã®ãŸã‚ã®UX入門
This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi
2011年 UI / UX トレンド
2011å¹´ã®1月。ã¾ã å¹´ãŒå§‹ã¾ã£ãŸã°ã‹ã‚Šã§ã—ãŸãŒã€ä»Šå¹´ã® Web デザイントレンドã¨ã„ã†è¨˜äº‹ãŒç™ºè¡¨ã•ã‚ŒãŸã‚Šã—ã¦ã„ã¾ã—ãŸã€‚ãã®å¾Œã€æ•°ã€…ã®ãƒˆãƒ¬ãƒ³ãƒ‰è¨˜äº‹ãŒå›½å†…外ã§æ•°å¤šã紹介ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãƒ«ãƒƒã‚¯ï¼†ãƒ•ã‚£ãƒ¼ãƒ«ã«é–¢ã™ã‚‹è©±é¡Œã€åˆã¯æŠ€è¡“çš„ãªå´é¢ã‹ã‚‰è¦‹ãŸè©±é¡ŒãŒå¤šãã‚’å ã‚ã¦ã„ã¾ã™ã€‚ã“ã†ã—ãŸãƒˆãƒ¬ãƒ³ãƒ‰ã‚’知るã“ã¨ã¯é‡è¦ã§ã™ãŒã€ãƒˆãƒ¬ãƒ³ãƒ‰ã®å…¨ä½“åƒã¨ã—ã¦æ‰ãˆã‚‹ã«ã¯å¤šå°‘åã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã“ã§ä»Šè¨˜äº‹ã§ã¯ã€UI / UX デザインã®å´é¢ã‹ã‚‰ã¿ãŸ 2011 å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å¹¾ã¤ã‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§æŒ™ã’ã‚‹å¹¾ã¤ã‹ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãŒç¾ã‚Œã‚‹ã‚ッカケを作ã£ãŸã®ã¯ã€ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¨ Web ãŒä»Šã¾ã§ä»¥ä¸Šã«å¼·ã„連æºãŒå¯èƒ½ã«ãªã£ãŸã‹ã‚‰ã§ã™ã€‚デスクトップ（åˆã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ï¼‰ã‚¢ãƒ—リケーションã¨åŒç‰ã®èƒ½åŠ›ã‚’ Web ã§å®Ÿç¾å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã§ã€UI デザインã®è€ƒãˆæ–¹ã‚‚大ããシフトã—ã¾ã—ãŸã€‚Ajax ãŒå¤§ããªæ³¨ç›®ã‚’æµ´ã³ãŸ 2005 å¹´é ƒã‚‚åŒã˜
iPhoneアプリã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIをブラウザã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ » SHINGOLOG
iPhoneアプリã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIをブラウザã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ 2011å¹´8月25æ—¥ in iPhone, Web Web 2.0 Touchã¯ã€WebKitエンジン上ã§å‹•ä½œã™ã‚‹JavaScriptライブラリã§ã™ã€‚ 2011/8/22ã«å…¬é–‹ã•ã‚ŒãŸã°ã‹ã‚Šã®æ¨¡æ§˜ã€‚ iPhoneアプリã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIをブラウザã§ã‚‚ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPhone・iPad・Androidã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã©ã‚“ãªå‹•ããŒå‡ºæ¥ã‚‹ã®ã‹ã€ã“れを見るã¨ä¸€ç›®çžç„¶ã§ã™ã€‚ アニメーション 上下左å³ã®ãƒ•ãƒªãƒƒãƒ—(ç”»é¢ãŒå転ã™ã‚‹å‹•ã)ã€ãƒãƒƒãƒ—インã€ãƒãƒƒãƒ—アウトã€ä¸Šä¸‹å·¦å³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡ºæ¥ã¾ã™ã€‚ テーブル表示 ãŠé¦´æŸ“ã¿ã®ãƒ†ãƒ¼ãƒ–ル表示もã“ã®é€šã‚Šã€‚角丸タイプã®ãƒ†ãƒ¼ãƒ–ルも作れるよã†ã§ã™ã€‚ ボタンやタブ表示ã€å¹ã出㗠タブ表示ã¯ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€è‡ªåˆ†ã§ã¯ã¨ã¦ã‚‚作れãªã„ã¨ã“ã‚ãªã®ã§ã€éœ€è¦ã‚ã‚Šãã†
Av-jyo.com
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
webデザインã«ãŠã‘る視線誘導ã®ãŠã¯ãªã— | 07design.blog
ã“ã‚“ã«ã¡ã¯ã€‚今回ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨˜äº‹ã‚’書ãã¾ã™ã€‚「グーテンベルク・ダイヤグラムã€ã¨ã„ã†è¨€è‘‰ã‚’ã”å˜ã˜ã§ã—ょã†ã‹ã€‚ ãªã‚“ã ã‹ã™ã”ãä¸äºŒå¿ƒã‚’ãã™ãられる言葉ã§ã™ã。「グーテンベルク・ダイヤグラムã€ã¨ã¯å‡ç‰ã«é…ç½®ã•ã‚ŒãŸåŒè³ªã®æƒ…å ±ã‚’è¦‹ã‚‹éš›ã®ã€ãƒ»ãƒ»ãƒ»ã“ã‚“ã«ã¡ã¯ã€‚今回ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨˜äº‹ã‚’書ãã¾ã™ã€‚ 「グーテンベルク・ダイヤグラムã€ã¨ã„ã†è¨€è‘‰ã‚’ã”å˜ã˜ã§ã—ょã†ã‹ã€‚ ãªã‚“ã ã‹ã™ã”ãä¸äºŒå¿ƒã‚’ãã™ãられる言葉ã§ã™ã。 「グーテンベルク・ダイヤグラムã€ã¨ã¯å‡ç‰ã«é…ç½®ã•ã‚ŒãŸåŒè³ªã®æƒ…å ±ã‚’è¦‹ã‚‹éš›ã®ã€ä¸€èˆ¬çš„ãªè¦–ç·šã®æµã‚Œã®ãƒ‘ターンを表ã—ãŸå›³å¼ã®ã“ã¨ã§ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€Œäººé–“ã®ç›®ã¯å·¦ä¸Šã‹ã‚‰å³ä¸‹æ–¹å‘ã¸ã€ãƒãƒ©ãƒãƒ©ã—ãªãŒã‚‰é·ç§»ã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã†ã„ã£ãŸè¦–ç·šã®æµã‚Œã®ãƒ‘ターンã¯ã€ã‚¨ãƒ‡ã‚£ãƒˆãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã§ã¯å½“ãŸã‚Šå‰ã«ä½¿ã‚ã‚Œã¦ã„る技法・考ãˆæ–¹ã‚‰ã—ã„ã§ã™ã€‚ テã‚ストをレイアウトã™ã‚‹å ´åˆã«ã¯ã€å·¦ä¸Šãƒ»å³ä¸‹ã«é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™
jQueryã§ãƒªã‚¢ãƒ«ãªæœ¬ã‚’ペラペラã‚ãるＵＩ作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
Moleskine Notebook with jQuery Booklet | Codrops jQueryã§ãƒªã‚¢ãƒ«ãªæœ¬ã‚’ペラペラã‚ãるＵＩ作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ デザインã®ç¾Žã—ã•ã‚‚ç´ æ™´ã‚‰ã—ã„ã®ã§ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ã‚ãれる感ã˜ã‚‚ã¡ã‚ƒã‚“ã¨å‡ºã¦ã‚‹ã¨ã“ã‚ãŒã™ã”ã„ã§ã™ã€‚ デモページ jQueryベースã¨ã„ã†ã®ã¯ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã™ãŒã€ã“れをå‚考ã«ä½œã‚Œãã†ã§ã™ã。 CSS3ãªã‚“ã‹ã‚‚使ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã€ç·åˆçš„ã«å¦ç¿’ã§ãる資料ã¨ã—ã¦å½¹ç«‹ã¡ãã†ã§ã™ã€‚ 関連エントリ Flashã§æœ¬ã‚’ペラペラã‚ãã‚‹æ„Ÿã˜ã®UIを実装ã™ã‚‹ã€ŒDynamic Page Flip v2〠Flashã§æœ¬ã‚’ペラペラã™ã‚‹UI実装ã„ã‚ã„ã‚
第44回 例示システムã®é€†è¥² | WIRED VISION
第44回 例示システムã®é€†è¥² 2010å¹´6月17æ—¥ ITãƒãƒƒã‚ングデザイン コメント： トラックãƒãƒƒã‚¯ (0) フィードITãƒãƒƒã‚ングデザイン （ã“ã‚Œã¾ã§ã®å¢—井俊之ã®ã€Œç•Œé¢æ½®æµã€ã¯ã“ã¡ã‚‰ï¼‰ ブラウザ上ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° Web上ã®ã‚µãƒ¼ãƒ“スãŒå¢—ãˆã¦ããŸçµæžœã€å¤šãã®ä»•äº‹ã‚’ブラウザ上ã§å®Ÿè¡Œã§ãるよã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚Webブラウザ上ã§ã®ä½œæ¥ãŒå¢—ãˆã¦ãã‚‹ã¨ã€æ§˜ã€…ãªã‚µã‚¤ãƒˆã‚’利用ã—ã¦ãƒ«ãƒ¼ãƒãƒ³ãƒ¯ãƒ¼ã‚¯ã‚’è¡Œãªã†æ©Ÿä¼šãŒå¢—ãˆã€ãƒ–ラウザã§ä¸Šã®ä½œæ¥ã‚’自動化ã—ãŸããªã‚‹ã“ã¨ãŒå¤šããªã‚‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚ JavaScriptを利用ã™ã‚‹ã¨ãƒ–ラウザ上ã®ä½œæ¥ã®è‡ªå‹•åŒ–ã‚’è¡Œãªã†ã“ã¨ãŒã§ãã¾ã™ã€‚例ãˆã°Yahoo! Japanã®ãƒšãƒ¼ã‚¸ã§ä»¥ä¸‹ã®ã‚ˆã†ãªJavaScriptプãƒã‚°ãƒ©ãƒ をブラウザã®URLフィールドã«å…¥åŠ›ã™ã‚‹ã¨ã€Â“wiredvision”ã¨ã„ã†æ–‡å—列を検索文å—列ã¨ã—ã¦ã‚»ãƒƒãƒˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ javascript:(functio
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine
Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it. Navigation is the most signifi
IBMãŒWebアプリケーションã®UIガイドラインã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’公開
æ¥å‹™ã‚¢ãƒ—リケーションãŒWebアプリケーションã¨ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã®ã¯ç¾åœ¨ã®å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã™ã€‚ãã‚Œã«ä¼´ã£ã¦HTMLã¨CSSã«ã‚ˆã£ã¦æ¥å‹™ã‚¢ãƒ—リケーションã®è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹å¿…è¦æ€§ãŒç”Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—機能ãŒè±Šå¯Œãªæ¥å‹™ã‚¢ãƒ—リケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’HTMLã¨CSSã§æ§‹ç¯‰ã™ã‚‹ã®ã¯ãã‚Œã»ã©ç°¡å˜ã§ã¯ãªãã€ã—ã‹ã‚‚ãれをアプリケーション全体ã§çµ±ä¸€ã—ã€å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティを実ç¾ã™ã‚‹ã®ã¯ã•ã‚‰ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ã§ã™ã€‚ ãã†ã—ãŸæ¥å‹™ç”¨ã®Webアプリケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ルãŒè±Šå¯Œã«å«ã¾ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒIBM Lotus User Interface Developer Documentationã€ãŒã€IBMã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 今回公開ã•ã‚ŒãŸIBMã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€åŒç¤¾ã®Lotus製å“群ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを統一ã™ã‚‹ãŸã‚ã®ç¤¾å†…プãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒOne U
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
マウスオーãƒãƒ¼ã‚’デザインã™ã‚‹ | DesignWalker
{{#tags}}- {{label}}
{{/tags}}