æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
KLab iPhoroid UI 発表ï¼ã€œAndroidã§ãƒªãƒƒãƒãªUIã‚’ç°¡å˜ã«ã€œ
umjammer ã§ã™ã€ 弊社㮠Android 案件ã®æˆæžœç‰©ã¨ã—ã¦ã€ãƒªãƒƒãƒãªUIã‚’ç°¡å˜ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹UIコンãƒãƒ¼ãƒãƒ³ãƒˆç¾¤ã€å付ã‘ã¦ã€ŒKLab iPhoroid UIã€ã‚’ã“ã“ã«ç™ºè¡¨ã—ã¾ã™ã€‚ Android 案件を進ã‚ã¦ã„ã上ã§ã€ãŠå®¢æ§˜ã‹ã‚‰è¨€ã‚れるè¦ä»¶ã®ä¸€ã¤ã¨ã—ã¦ã€ŒiPhone ã¨åŒã˜ã‚ˆã†ãªUIã«ã—ã¦ã‚‚らãˆã¾ã›ã‚“ã§ã—ょã†ã‹ï¼Ÿã€ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ã‚„ã¯ã‚Šã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨è¨€ãˆã° iPhone ã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒä¸–é–“ã§ã¯å¼·ã„ã®ã§ã—ょã†ã‹ï¼Ÿ Android ã«ã¯ Android UI ã®ãƒãƒªã‚·ãƒ¼ãŒäº‘々ã¨ã„ã†ã®ã¯ã‚ã‚Šã¾ã™ãŒã€ãã“ã¯ãŠå®¢æ§˜ã®è¦æœ›ãªã®ã§â€¦ ãã—㦠Android ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ UI ã®ã¿ã§ã¯ iPhone ã®æ§˜ãªãƒªãƒƒãƒãª UI & UX ã‚’å†ç¾ã™ã‚‹ã®ã¯å›°é›£ã§ã™ã€‚ ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ãƒ¼ã‚‚é ‘å¼µã£ã¦æ§˜ã€…ãªãƒªãƒƒãƒãª UI ã‚’ WEB ã«ç™ºè¡¨ã—ã¦ã„ã¾ã™ãŒã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã®å¤šç”¨ã€ãƒ¡ãƒ¢ãƒªç®¡ç†
話題ã®ã‚¢ãƒ—リ『Clearã€ã®UIを独自実装ã—ã¦ã¿ãŸï¼(+Gumroad)
ã²ã¨ã¤å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ç¶šãã§ã™ï¼(動画もåŒã˜) 今回ã“ãã€å½“åˆã®ç›®çš„ã§ã‚ã£ãŸ 『Clear for iPhoneã€ã®UIを独自ã«å†ç¾ã—ãŸå®Ÿè£… ã«ã¤ã„ã¦ã®è§£èª¬ã‚’書ã„ã¦ã„ãã¾ã™ã。 åˆã‚ã«æ–ã£ã¦ãŠãã¾ã™ãŒã€ä»Šå›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯Study CoreDataシリーズã®ã‚ˆã†ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšã€‚。 部分部分ã§ã©ã†ã„ã£ãŸå®Ÿè£…ã‚’ã™ã‚Œã°ã‚ã®UIãŒå®Ÿç¾å‡ºæ¥ã‚‹ã®ã‹ï¼Ÿã¨ã„ã†ãƒã‚¤ãƒ³ãƒˆã‚’解説ã—ã¦ã„ãã¾ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®æœ€å¾Œã«ã€Clearã¨åŒã˜ããªã«ã‹ã¨è©±é¡Œã®Gumroadã§ãƒ†ã‚¹ãƒˆã‚¢ãƒ—リを公開ã—ã¦ã„ã¾ã™ã®ã§æ¬²ã—ã„æ–¹ã¯æ˜¯éžï¼ (※ 更新：内容ãŒå¤ããªã£ãŸãŸã‚公開ã¯çµ‚了ã—ã¾ã—ãŸ) ã§ã¯ã€ã¾ãšç›®æ¬¡ã‚’ã°ã€‚ 。。ã¨ã€ãã®å‰ã«å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§æ›¸ããã³ã‚Œã¦ã—ã¾ã£ãŸäº‹ãŒã‚ã£ãŸã®ã§ã€‚ よã†ã“ãタッãƒãƒ•ãƒªãƒ¼ã®æ™‚代ã¸ï¼ç”»é¢ã«è§¦ã‚Œãšã«æœ¬ãŒèªã‚ã‚‹ã€MagicReaderã‚’ç™ºè¡¨ï¼ â€“Â STUDIO LOUPE ã“ã¡ã‚‰ã€
ã“ã®ã‚¢ãƒ—リã®ã“ã®å‹•ããŒãŸã¾ã‚‰ãªã„ 〜UIãŒæ–¬æ–°ãªiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音ãŒã€ãŸã¾ã‚‰ãªãæ°—æŒã¡ã„ã„アプリãŒã‚る。スワイプã—ãŸæ™‚ã®å‹•ãã€ãƒœã‚¿ãƒ³ã‚’押ã—ãŸæ™‚ã®åŠ¹æžœéŸ³ã€ãƒ”ンãƒã‚¢ã‚¦ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚£ã‚¨ã‚¹ã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚®ãƒŸãƒƒã‚¯ãŒã€ãã®ã‚¢ãƒ—リã®é…力を決定的ãªã‚‚ã®ã«ã™ã‚‹ã€‚ 今回ã¯ã€UIãŒæ–¬æ–°ãªiPhoneアプリを集ã‚ãŸã€‚åŒã˜æ„Ÿè¦šã®äººãŒã„ã‚‹ã¨å¬‰ã—ã„。 Daily Routine 1æ—¥ã®ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ãƒ¯ãƒ¼ã‚¯ã‚’è¨å®šã—ã¦é€šçŸ¥ã™ã‚‹ã‚¢ãƒ—リ。カラフルãªã‚¹ãƒãƒƒãƒˆã‚’上下ã«å‹•ã‹ã—ãŸæ™‚ã®ã€ãƒžãƒ¼ãƒ–ルã®æ›²ç·šãŒã¨ã¦ã‚‚綺麗ã （動画 00:05）。 関連記事：時間ã«ãã•ã³ã‚’打ã£ã¦24時間を習慣化ã™ã‚‹ Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot å°æ°—味よã„アニメーションã¨åŠ¹æžœéŸ³ãŒã‚¯ã‚»ã«ãªã‚‹ã‚¢ãƒ—リ。ã¨ã‚Šã‚ã‘ã€ãƒ„イートを左å³ã«ã‚¹ãƒ¯ã‚¤ãƒ—ã—ãŸæ™‚ã®å‹•ãã¨éŸ³ãŒãŸã¾ã‚‰ãªã„（動画 01:30）。ã¾ãŸã€Œãƒ„イート
スマホアプリã®ä½œã‚Šæ–¹ã€è¶…ã¾ã¨ã‚】UI編：スマホアプリã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æç”»ã«å½¹ç«‹ã¤è¨˜äº‹39é¸ - ï¼ IT
アプリã®UI（ユーザーインターフェイスã€è¦‹ãŸç›®ï¼‰ã‚’デザインã™ã‚‹ã®ã«å½¹ç«‹ã¤ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹ã€2Dï¼3Dグラフィックをæç”»ã—ãŸã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã®ã«å½¹ç«‹ã¤è¨˜äº‹ã¨ã—ã¦ã¯ã€ä»¥ä¸‹ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ UIデザイン・レイアウトã«å½¹ç«‹ã¤è¨˜äº‹17é¸ ç”»é¢ã‚µã‚¤ã‚ºã‚„デザインï¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»•æ–¹ã‚’知りã¾ã—ょã†ã€‚基礎知è˜è¨˜äº‹ã‚„ã€å„OSã®UIã®é•ã„やデザインã®ä»•æ–¹ãŒåˆ†ã‹ã‚‹è¨˜äº‹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚特ã«ã€Androidã¯ç”»é¢ã®å¤§ãã•ã®é•ã„ã‚’ã„ã‹ã«å¸åŽã™ã‚‹ã‹ãŒèª²é¡Œã§ã—ãŸãŒã€Fragmentsã‚„Compatibility packageã‚’å¦ã¶ã¨å½¹ç«‹ã¤ã¨æ€ã„ã¾ã™ã€‚ ■基礎知è˜
スマフォ用サイトã§ã‚ˆã使ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè±Šå¯Œã«æƒã£ã¦ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -ChocolateChip-UI
スマートフォンãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç”¨ã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«åˆ¶ä½œã§ãるよã†ã«ã™ã‚‹JavaScriptベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ 先日リリースã•ã‚ŒãŸiOS5ã«ã‚‚最é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ChocolateChip-UI [ad#ad-2] ChocolateChip-UIã§ç”¨æ„ã•ã‚Œã¦ã„るエレメント ã‚らã‹ã˜ã‚用æ„ã•ã‚Œã¦ã„るエレメントã¯æ•°å¤šãã‚ã‚Šã¾ã™ã€‚ ツールãƒãƒ¼ ナビゲーションãƒãƒ¼ ボタン アイコン ナビゲーションリスト テーブルビューアー セレクションリスト スイッãƒã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« ãƒãƒƒãƒ—アップ プãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ アクティビティインディケーター アクションシート セグメントコントãƒãƒ¼ãƒ« スライダー カルーセル スクãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ« ページングコントãƒãƒ¼ãƒ« テã‚ストを並ã¹ã¦ã‚‚分ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§ã€ä¸‹è¨˜ã«ã‚ャプãƒãƒ£ã§ã”紹介。
iPhoneã‚„Androidã®UIパターンをåŽé›†ã™ã‚‹ã‚·ãƒ³ãƒ—ルã§è¦‹ã‚„ã™ã„ギャラリーサイト・Patterns of Design - ã‹ã¡ã³ã¨.net
ã„ãã¤ã‹åŒã˜ã‚ˆã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã¯ ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã‚‚ãªã‹ãªã‹è¦‹ã‚„ã™ã‹ ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚スマートフォンã®UI㮠パターンギャラリーサイトã§ã™ã€‚スマー トフォンã«é™ã‚‰ãšã€é€šå¸¸ã®Webサイト㮠パーツデザインã®å‚考ã«ã‚‚ãªã‚Šãã†ã§ã™ã€‚ 特ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®UIã¯ç´°ã‹ã„部分ã®ã“ã ã‚ã‚ŠãŒè¦‹ã‚‰ã‚Œã¦ã¨ã¦ã‚‚å‚考ã«ãªã‚Šã¾ã™ã®ã§è¦‹ã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ シンプルãªä½œã‚Šã§ã™ã€‚パーツã¯ã‚«ãƒ†ã‚´ãƒªã§åˆ†ã‘られã¦ã„ã¦æŽ¢ã—ã‚„ã™ã„ã§ã™ã€‚ã¡ã‚‡ã£ã¨é‡ã„ã‹ãªãƒ»ãƒ» 例ãˆã°ã“ã¡ã‚‰ã¯ã‚°ãƒªãƒƒãƒ‰ã®ã‚«ãƒ†ã‚´ãƒªã€‚åŒã˜å¹…ã€åŒã˜é«˜ã•ã¨ã„ã†é™ã‚‰ã‚ŒãŸç©ºé–“ã®ä¸ã§ã€æ§˜ã€…ãªå·¥å¤«ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ クリックã™ã‚‹ã¨ãã®å ´ã§Lightbox風ã«ãƒãƒƒãƒ—アップã—ã¾ã™ã€‚iTuneã¸ã®ãƒªãƒ³ã‚¯ã‚‚ã‚ã‚‹ã®ã§ç¢ºèªã—ã‚„ã™ã„ã§ã™ã。 åŒã˜ã‚ˆã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ ä¼¼ãŸã‚ˆã†ãªã‚µã‚¤ãƒˆã¯æ²¢å±±ã‚ã‚‹ã®ã§åˆã‚ã›ã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã€‚ Mobile UI Patterns pttr
スマートフォンサイト制作時ã«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»UIã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆé›† – creamu
ã¡ã‚‡ã£ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»UIã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ iPhoneデザインボックス iShowcase スマートフォンサイト集ã‚ã¾ã—ãŸã€‚ iPhoneデザインアーカイブ 絶対見ã¦ãŠããŸã„有åä¼æ¥ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¾ã¨ã‚ CSS iPhone & iPad Mobile UI Patterns 38 Mobile (iPhone) Sites Mobile Awesomeness jQuery Mobile Gallery 昨日ã¯ä¹…々ã«ä¼šã†å‹äººã¨ãƒ‰ãƒ©ã‚¤ãƒ–ã‹ã‚‰ã®é£Ÿäº‹ã€‚楽ã—ã‹ã£ãŸï¼
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ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã©ã‚“ãªå‹•ããŒå‡ºæ¥ã‚‹ã®ã‹ã€ã“れを見るã¨ä¸€ç›®çžç„¶ã§ã™ã€‚ アニメーション 上下左å³ã®ãƒ•ãƒªãƒƒãƒ—(ç”»é¢ãŒå転ã™ã‚‹å‹•ã)ã€ãƒãƒƒãƒ—インã€ãƒãƒƒãƒ—アウトã€ä¸Šä¸‹å·¦å³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡ºæ¥ã¾ã™ã€‚ テーブル表示 ãŠé¦´æŸ“ã¿ã®ãƒ†ãƒ¼ãƒ–ル表示もã“ã®é€šã‚Šã€‚角丸タイプã®ãƒ†ãƒ¼ãƒ–ルも作れるよã†ã§ã™ã€‚ ボタンやタブ表示ã€å¹ã出㗠タブ表示ã¯ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€è‡ªåˆ†ã§ã¯ã¨ã¦ã‚‚作れãªã„ã¨ã“ã‚ãªã®ã§ã€éœ€è¦ã‚ã‚Šãã†
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
スマホUI考3 ～ ジェスãƒãƒ£å…¥åŠ›ã«ã¤ã„㦠| fladdict
スマホUI考１ 〜 ボタンã«ã¤ã„㦠スマホUI考２ 〜 フィードãƒãƒƒã‚¯ã«ã¤ã„㦠スマホã¨ã„ãˆã°ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼å…¥åŠ›ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã¨ã„ãˆã°ã‚¹ãƒžãƒ›ã€‚ãã‚“ãªã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã«ã¤ã„ã¦ã€ã¤ã‚Œã¥ã‚Œã¨ã€‚ ã§ã‚‚個人的ã«ã¯ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã¯ã»ã¨ã‚“ã©è¦ã‚‰ãªã„ã¨æ€ã†ã€‚ ジェスãƒãƒ£å…¨èˆ¬ ・ジェスãƒãƒ£ã¯è£œåŠ©æ“作。メインæ“作ã§ã¯ãªã„。 ・ボタンã§ã§ãã‚‹æ“作をプラスアルファã§ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ã§ã‚‚ã§ãるよã†ã«ã™ã‚‹ã€‚ ・ãªãœãªã‚‰ã‚¸ã‚§ã‚¹ãƒãƒ£ã®æœ‰ç„¡ã¯è¦–覚的ã«ã‚ã‹ã‚‰ãªã„。 ・ユーザーãŒã‚¸ã‚§ã‚¹ãƒãƒ£ã‚’ç†è§£ã—ãªãã¦ã‚‚æ“作ã§ãã‚‹ã®ãŒã‚ˆã„。 ・ã¾ãŸã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼æ™‚ã«ã€ç”»é¢ã®ã‹ãªã‚Šã®éƒ¨åˆ†ãŒæŒ‡ã§éš れる。 ・極論ジェスãƒãƒ£ãªã—ã§ã‚‚アプリãŒãƒªãƒªãƒ¼ã‚¹ã§ãる状態ãªã®ãŒã‚ˆã„。 ・ã¤ã¾ã‚Šäºˆç®—や工数ãŒã‚ã¾ã£ãŸã¨ãã«å…¥ã‚Œã‚ˆã†ã€‚ タップ ・マウスクリックã§ã¯ãªãタップ。 ・ボタンã®ç²¾åº¦ã¯æŒ‡ã®ã‚µã‚¤ã‚ºã«ä¾å˜ã™ã‚‹ã€‚ ・細ã‹ã„座標指定ã¯ã§ããªã„。 ・ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãŒãªã„。 ・触ã£ã¦ã¿
考察：Appleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’作らãªã„。
今ã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(スマートフォン)å‘ã‘サイトを作ã£ã¦ã„ãªã„。ãã‚Œã¯ä½•æ•…ã‹ã€‚ 予算ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ウェブデザインや自社製å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãらããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„。Appleã®ã‚¦ã‚§ãƒ–サイトã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„る。 Mobile Safari ã®UIデザインã®æœ¬è³ªã‚’垣間見るウェブデザイン 自社ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIデザインãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãる。 Appleã®ã‚¦ã‚§ãƒ–サイトã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘覗ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„る。ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024px分ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
スマホã®UI考２ 〜 フィードãƒãƒƒã‚¯ã«ã¤ã„㦠| fladdict
UIã«ã¤ã„ã¦å¾’然ã¨è€ƒãˆã‚‹è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€ï¼’回目ã¯ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€‚ユーザーã«ã€Œä½•ã‹ãŒãŠããŸã‚ˆï¼ã€ã¨å¦‚何ã«æ˜Žè§£ã«çŸ¥ã‚‰ã›ã‚‹ã‹ï¼Ÿï¼‘回目ã¯ã“ã¡ã‚‰ éšæ™‚増ãˆãŸã‚Šæ¸›ã£ãŸã‚Šã™ã‚‹ã‚ˆã€‚自分ã®ä¸»è¦³ã ã‹ã‚‰é–“é•ã£ã¦ã‚‹ã“ã¨ã‚‚ãƒãƒ©ãƒ›ãƒ©ã‚ã‚‹ã‹ã‚‚よ。 振り返ã£ã¦ã¿ã¦TiltShiftGenã§ã¯ã€é·ç§»ç³»ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¯å°‘ãªã‚ã«ã—ã¦ã€æƒ…å ±ç³»ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’多ã‚ã«èª¿æ•´ã—ã¦ãŸã‚“ã ãªãã¨ã‚·ãƒŸã‚¸ãƒŸã€‚多分ã€ãƒ–ラーã®å‡¦ç†ãŒé‡ã‹ã£ãŸã‹ã‚‰ã ã¨æ€ã†ã€‚隙をã¿ã¦ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã„。 一般論 ・フィードãƒãƒƒã‚¯ã¨ã¯ï¼Ÿ ユーザーã®æ“作ã«å¯¾ã—ã¦ã€çµæžœã‚’è¿”ã™ã“ã¨ã€‚æ“作ã®å®Ÿæ„Ÿã€‚ ・フィードãƒãƒƒã‚¯ã®ãªã„アプリã¯ç—›è¦šã®ç„¡ã„人間。 ・物ç†çš„ãªãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ソフトウェア的フィードãƒãƒƒã‚¯ã‚‚ãªã‘ã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½•ãŒãŠãã¦ã„ã‚‹ã‹çŸ¥è¦šã§ããªã„。 ・何ã‹ãŒèµ·ããŸã‚‰å¿…ãšãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€šçŸ¥ã™ã‚‹ã€‚ ・é©åˆ‡ãªãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒè¡Œã‚れるã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¿«æ„Ÿã‚’æ„Ÿã˜ã‚‹ã€‚ ・新雪ã«è¶³è·¡ã‚’ã¤ã‘ãŸã‚Šã€
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
『iOSヒューマンインターフェイスガイドラインã€ã¯UI解説書ã®æž を越ãˆã¦ã„ã‚‹ ï¼šå›½å†…ãƒ»æµ·å¤–æƒ…å ±ã‹ã‚‰è¦‹ãˆã‚‹ã€Žä¼æ¥ã®WEB活用法ã€ï¼šITmedia オルタナティブ・ブãƒã‚°
ä¸å°ä¼æ¥ãŒITを活用ã—ã¦å£²ã‚Šä¸Šã’ã«ã¤ãªã’ã‚‹ã«ã¯ã©ã†ã—ãŸã‚‰ã„ã„ã‹ï¼ŸWEBマーケティングã¨WEB戦略コンサル実績350社50æ¥ç¨®ä»¥ä¸Šã®å®Ÿç¸¾ã¨ãƒŽã‚¦ãƒã‚¦ã§ã€æµ·å¤–ã®æœ€å…ˆç«¯æƒ…å ±ã‚’ä¸å¿ƒã«ã€å™›ã¿ç •ã„ã¦ã”紹介。 作æˆè€…：ä¸å±±é™½å¹³ iOSã€å®Ÿè³ªçš„ã«ã¯iPhoneã®ã‚¢ãƒ—リケーションを作る際ã«å‚ç…§ã—ã¦ãã ã•ã„ã¨è¨€ã†äº‹ã§é…布ã•ã‚Œã¦ã„る「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）〠弊社ã®ã‚·ã‚¹ãƒ†ãƒ を真剣ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã™ã‚‹ãŸã‚ã«èªã¿å§‹ã‚ãŸã®ã§ã™ãŒã€ã“ã®å†…容ãŒã€ãŸã ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã ã‘ã§ã¯ãªãã€ã•ã‚‰ã«è¸ã¿è¾¼ã‚“ã 内容ã«ãªã£ã¦ã„ã¦é©šãã¾ã—ãŸã€‚ Appleã®ã‚µãƒ¼ãƒ‰ãƒ‘ーティアプリã«å¯¾ã™ã‚‹å§¿å‹¢ã€ã‚µãƒ¼ãƒ‰ãƒ‘ーティアプリケーションãŒiPhoneã®å¤§ããªé…力ã§ã‚ã‚‹ã¨ã„ã†èªè˜ãŒã€ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ã¯ã«ã˜ã¿å‡ºã¦ã„ã¾ã™ã€‚ App開発者以外もãœã²è¦‹ã¦ãŠãã¹ã ã“ã‚Œã¯ãœã²ã€WEBã«é–¢ã‚ã‚‹æ–¹ã¯è¦‹ã¦é ‚ã
スマートフォンアプリデザインã«å½¹ç«‹ã¤ 基礎ã®ã¾ã¨ã‚ï¼
スマートフォンアプリデザインã«å½¹ç«‹ã¤ 基礎ã®ã¾ã¨ã‚ï¼ï¼šä¸€æ’ƒãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¨®æ˜Žã‹ã—（14）（1/4 ページ） å„ã‚ャリアãŒæ–°Androidæºå¸¯ã‚’続々ã¨ç™ºè¡¨ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¸ã®æ³¨ç›®ãŒã¾ã™ã¾ã™ç››ã‚Šä¸ŠãŒã‚‹ä¸ã€ã‚¢ãƒ—リケーションもã€iPhoneï¼Androidã¨ã‚‚ã«å±•é–‹ã™ã‚‹ã‚‚ã®ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã†ã„ã£ãŸä¸ã§ã€æœ¬ç¨¿ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—リã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ï¼ iPhoneï¼Androidã¨ã‚‚ã«å±•é–‹ã—ã¦ã„るアプリ3例 ã¾ãšã¯ã€iPhoneã€Androidã¨ã‚‚ã«å±•é–‹ã—ã¦ã„る有åアプリを3ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ãã‚Œãžã‚Œã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’見ãªãŒã‚‰é•ã„を探ã—ã¦ã¿ã¦ãã ã•ã„。 ã€1】クックパッド レシピã®æŠ•ç¨¿ã¨æ¤œç´¢ãŒã§ãるアプリã§ã™ã€‚PCサイトã®é›°å›²æ°—ã¯ãã®ã¾ã¾ã«ã€ãƒˆãƒƒãƒ—ç”»é¢ã‚’æ—¬ã®ã‚ーワードã¨å±¥æ´ã€æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã®ã¿ã«çµžã£ãŸã‚·ãƒ³ãƒ—ルãªUIã«ãªã£ã¦ã„ã¾ã™ã€‚è¦ç´ ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を極力減らã™ã“ã¨ã§ã€ãƒ¬ã‚·ãƒ”検索ã«é›†ä¸
スマートフォンサイトé‹ç”¨ã¨ä»Šå¾Œã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®å±•æœ› : LINE Corporation ディレクターブãƒã‚°
スマートフォングループã®è—¤æ‘ã§ã™ã€‚2ã‹æœˆå‰ã¾ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã§ã€livedoorトップ・デコメサイトã®é‹ç”¨ã‚’担当ã—ã¦ã„ã¾ã—ãŸã€‚ 10月ã‹ã‚‰æ–°ã—ã„部署ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ã«æ‰€å±žã—ã€ã™ã§ã«ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã®livedoorトップ＆ニュース他ã®é‹ç”¨ã‚’開始ã—ã¦ã„ã¾ã™ã€‚実際ã«é‹ç”¨ã—ã¦ã¿ã‚‹ã¨ã€ãƒ¢ãƒã‚¤ãƒ«ã¨ã®å…±é€šæ€§ãŒå¤šãã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®é‹ç”¨çµŒé¨“ãŒç”Ÿãã‚‹é ˜åŸŸã ã¨å®Ÿæ„Ÿã—ã¾ã—ãŸã€‚ ã¾ã ã¾ã é‹ç”¨ã®åˆæœŸãƒ•ã‚§ãƒ¼ã‚ºã®æ®µéšŽã§ã™ãŒã€ä»Šå›žã¯ã€å®Ÿéš›ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’é‹ç”¨ã—ã¦ã¿ã¦æ°—ã¥ã„ãŸç‚¹åŠã³ã€ä»Šå¾Œã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®å±•é–‹äºˆæƒ³ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ファーストビューã®é‡è¦æ€§ スマートフォンã®ã‚µã‚¤ãƒˆã‚’é‹ç”¨ã—ã¦ã¿ã¦ã€ã¾ãšä¸€ç•ªæœ€åˆã«æ”¹ä¿®ã‚’入れãŸã®ãŒã€ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ューã§ã™ã€‚ファーストビューã¨ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€ä¸€ç•ªæœ€åˆã«è¡¨ç¤ºã•ã‚Œã‚‹ç”»é¢ã®ã“ã¨ã‚’言ã„ã¾ã™ã€‚ モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆé‹ç”¨çµŒé¨“者ã®æ–¹ã«ã¯å¸¸è˜ã‹ã¨æ€
ランã‚ング
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
{{#tags}}- {{label}}
{{/tags}}