Amazon.co.jp: スマートフォンã®ãŸã‚ã®UIデザイン: æ± ç”°æ‹“å¸: 本
スマートフォンサイト制作ã§ã€Œãªã‚“ã§æ‹¡å¤§ç¸®å°ã§ãるよã†ã«ã—ã¦ã‚‹ã®ï¼Ÿã€ã¨è¨€ã‚ã‚ŒãŸæ™‚ã®å¯¾å‡¦æ³•
※ ã“ã®è©±ã¯ãƒ•ã‚£ã‚¯ã‚·ãƒ§ãƒ³ã§ã™ã€‚実在ã®äººç‰©ã‚„団体ãªã©ã¨ã¯é–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ スマートフォンサイトを制作ã—ã¦ã„ã¦ã€ã€Œã‚µã‚¤ãƒˆã‚’自由ã«æ‹¡å¤§ç¸®å°ã§ãるよã†ã«ã—ã¦ã‚‹ã®ã¯ç†ç”±ã‚ã‚“ã®ï¼Ÿã€ã¨è¨€ã‚ã‚ŒãŸæ™‚ã®å ´åˆã®è©±ã§ã™ã€‚ Viewportã®è¨å®šã©ã†ã—ã¦ãŸã‹ <meta name="viewport" content="width=device-width"> ã“ã‚Œã ã‘。ã“ã†ã™ã‚‹ã¨ã‚µã‚¤ãƒˆã®å¹…=デãƒã‚¤ã‚¹ã®å¹…ã«ãªã‚Šã€æ‹¡å¤§ç¸®å°ã¯è‡ªç”±ã«ã§ãる。 対処法1：話ã—åˆã†ãã‚‚ãもブラウザã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§å‚™ã‚ã£ã¦ã„る拡大縮å°æ©Ÿèƒ½ã‚’無効ã«ã™ã‚‹ã®ãŒãŠã‹ã—ã„ãªãœæ‹¡å¤§ç¸®å°ã‚’無効ã«ã™ã‚‹ã®ã‹ ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ感を出ã—ãŸã„拡大縮å°ã—ãŸæ™‚ã«è¡¨ç¤ºãŒå´©ã‚Œã‚‹ã®ã‚’防ãŽãŸã„拡大ã—ãŸæ™‚ã«ç”»åƒãŒãƒœãƒ¤ã‘ã‚‹ã®ãŒå«Œä¾‹ãˆã°æ§‹æˆ/デザインã®ä¸Šã§å°ã•ãªæ–‡å—を使ã‚ãªãã¦ã¯ãªã‚‰ãªã„å ´åˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã©ã†ã‚„ã£ã¦ãã®æ–‡å—を拡大ã™ã‚‹ã®ã‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ‹¡å¤§ã—ãŸã„ã¨æ€ã£ã¦ã‚‚拡大ãŒç¦æ¢ã•ã‚Œã¦ã„ãŸã‚‰ã€
スマフォ用サイトã§ã‚ˆã使ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè±Šå¯Œã«æƒã£ã¦ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -ChocolateChip-UI
スマートフォンãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç”¨ã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«åˆ¶ä½œã§ãるよã†ã«ã™ã‚‹JavaScriptベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ 先日リリースã•ã‚ŒãŸiOS5ã«ã‚‚最é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ChocolateChip-UI [ad#ad-2] ChocolateChip-UIã§ç”¨æ„ã•ã‚Œã¦ã„るエレメント ã‚らã‹ã˜ã‚用æ„ã•ã‚Œã¦ã„るエレメントã¯æ•°å¤šãã‚ã‚Šã¾ã™ã€‚ ツールãƒãƒ¼ ナビゲーションãƒãƒ¼ ボタン アイコン ナビゲーションリスト テーブルビューアー セレクションリスト スイッãƒã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« ãƒãƒƒãƒ—アップ プãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ アクティビティインディケーター アクションシート セグメントコントãƒãƒ¼ãƒ« スライダー カルーセル スクãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ« ページングコントãƒãƒ¼ãƒ« テã‚ストを並ã¹ã¦ã‚‚分ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§ã€ä¸‹è¨˜ã«ã‚ャプãƒãƒ£ã§ã”紹介。
情弱ã®å®¶æ—ã«ã‚¹ãƒžãƒ›ã®ä½¿ã„方を教ãˆã‚‹æ‚²æƒ¨ã•ã«ã¤ã„㦠- ã—ãŒãªã„å¦ç”Ÿã®é›‘記
2014/03/09　20:00ãらã„　追記ã—ã¾ã—ãŸã€‚ ã“ã‚“ã«ã¡ã¯ã€‚ 一昨日ã€ç§å«ã‚家æ—３人ãŒä¸€æ–‰ã«ã‚¹ãƒžãƒ›ã«å¤‰ã‚ã‚Šã¾ã—ãŸã€‚ ç§ã¯iPodtouchã§è‰²ã€…アプリを買ã£ã¦ã„ãŸé–¢ä¿‚ã§iPhone5Sã«ã—ã¾ã—ãŸã€‚ 妹ã¨æ¯ã¯ã‚ˆãã‚ã‹ã‚‰ãªã„ã¨ã„ã†ã“ã¨ã§ã€æ“作説明もã—ã‚„ã™ã„ã—ã€Androidè²·ã£ã¦ã‚‚使ã„ã“ãªã›ãªã„ã ã‚ã†ã¨æ€ã£ã¦ç§ã¨åŒã˜iPhone5Sã«ã—ã¾ã—ãŸã€‚ çµæžœã¨ã—ã¦ä»Šã€ç§ã¯æ»ã¬ã»ã©ç–²ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ã¨ã„ã†ã‹ã€æ»ã«ãŸã„ã§ã™ã€‚ 妹ã«é–¢ã—ã¦ã¯ã€WALKMANã‚’è²·ã£ãŸé–¢ä¿‚ã§ãƒ•ãƒªãƒ¼ãƒ¡ãƒ¼ãƒ«ã®ä½¿ã„方を教ãˆãŸã‚Šã€YouTubeã®ä½¿ã„方をå‹æ‰‹ã«è¦šãˆã¦ã„ãŸã‚Šã—ãŸã®ã§ã€ãã‚“ãªã«ã‚¬ãƒƒãƒ„リã¨æ•™ãˆã‚‹ã“ã¨ãŒãªã„ã®ã§ã™ãŒã€å•é¡Œã¯æ¯ã§ã™ã€‚ ãŸã ã˜ã‚ƒãªãã¦ã‚‚自分å‹æ‰‹ã§é¢å€’ãã•ã„æ¯ã«ç‰©ã‚’æ•™ãˆã‚‹ã®ã¯å¤§å¤‰ã ã¨ã„ã†ã®ã«ã€æƒ…å¼±ãªæ¯ã«é›»å機器ã®æ‰±ã„ã‚’æ•™ãˆã‚‹ã¨ã„ã†ã®ã¯ã‚‚ã†ã€è‹¦ç—›ã§ã—ã‹ãªã„ã‚ã‘ã§ã€‚今日ã¯ãã‚“ãªãŠè©±ã§ã™ã€‚色々ã¨ã‚³ãƒ¡ãƒ³ãƒˆã—ã¦ã„ãã¾ã™ã€‚
デザイナー必見ï¼ã‚¢ãƒ—リã®UIを一覧ã§è¦‹ã‚‰ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚
iOS7ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³åŒ–ã§ã»ã¨ã‚“ã©ã®ã‚¢ãƒ—リãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®è·¯ç·šã‚’大幅ã«å¤‰æ›´ã™ã‚‹äº‹ã‚’余儀ãªãã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ã®ãŠé¦´æŸ“ã¿ã‚¢ãƒ—リもã©ã‚“ã©ã‚“アップデートã•ã‚Œã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®å¯¾å¿œãŒãªã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã‚¢ãƒ—リを開発ã™ã‚‹ã«ã‚‚フラットデザインã®UIã¨ã„ã†ã®ã¯éžå¸¸ã«é‡è¦ãªè¦ç´ ã«ãªã£ã¦ã„ã¾ã™ã€‚ App Storeã§ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考ã«ãªã‚‹ã‚¢ãƒ—リを一ã¤ä¸€ã¤è¦‹ã¦ã‚‚良ã„ã®ã§ã™ãŒã€UIを一覧ã§è¡¨ç¤ºã—ã¦ãれるéžå¸¸ã«ä¾¿åˆ©ãªã‚µã‚¤ãƒˆã‚’見ã¤ã‘ãŸã®ã§ã”紹介。 アプリã®UIを集ã‚ãŸã€ŒPttrns〠ã“ã¡ã‚‰ãŒãƒˆãƒƒãƒ—ç”»é¢ã€‚アイコンã§ã¯ãªãUIã§ä¸¦ã‚“ã§ã„ã‚‹ã®ã§ãŸãã•ã‚“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´ æ—©ã見る事ãŒã§ãã¾ã™ã€‚æ–°ç€é †ã§ä¸¦ã‚“ã§ã„ã‚‹ã®ã§ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚‚ã®ã°ã‹ã‚ŠãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚見ã¦ã„ã‚‹ã ã‘ã§ã‚‚楽ã—ã„ã§ã™ã。 ç°¡å˜ã«ç´°éƒ¨ã®ãƒã‚§ãƒƒã‚¯ãŒå¯èƒ½ ç”»åƒã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã€ãƒ«ãƒ¼ãƒšã§æ‹¡å¤§ã—ã¦ãã‚Œã¾ã™ã€‚ãªã®ã§ç´°éƒ¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„フォント・ボタンを確
モãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIを処ç†ç³»çµ±ã§ã¾ã¨ã‚ãŸã€ŽUX Archive〠| 100SHIKI
ã“ã‚Œã¯å‚考ã«ã—ãŸã„ã€ã¨ã„ã†æ„味ã§ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ UX Archiveã§ã¯ã€ç§€é€¸ãªãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIã‚’ã¾ã¨ã‚ã¦ã„る。 ユニークãªã®ã¯å‡¦ç†ç³»çµ±ã”ã¨ã«ã¾ã¨ã‚られã¦ã„る点ã§ã€Œã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ã®UIã€ã€Œå‰Šé™¤å‡¦ç†ã®UIã€ã€Œç™»éŒ²å‡¦ç†ã®UIã€ã¨ã„ã£ãŸããã‚Šã§è¦‹ã¦ã„ãã“ã¨ãŒã§ãる。 ã¾ãŸã‚¢ãƒ—リã”ã¨ã«ã‚‚検索ã§ãã‚‹ã®ã§ã€æ°—ã«ãªã‚‹ã‚¢ãƒ—リã®UIã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„å ´åˆã«ã‚‚便利ã ã‚ã†ã€‚ モãƒã‚¤ãƒ«ã‚¢ãƒ—リã¯UIãŒå¤§äº‹ãªã®ã§ã€è¦šãˆã¦ãŠã„ã¦ã‚‚æã¯ãªã„ã‹ã‚‚ã§ã™ãªã€‚
iOS ãªäººãŒ Android アプリを開発ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„ã“㨠| SmartNews開発者ブãƒã‚°
Android ã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ 4.4 ã®å称ãŒã€ŠKitKat》ã ã¨ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚Android ã¯æ´ä»£ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã€Œã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ã®ãŠè“åã®åå‰ã€ã‚’付ã‘ã¦ã„ã‚‹ã“ã¨ã§æœ‰åã§ã™ãŒã€ä»Šå›žã¾ã•ã‹ã®ä¼æ¥ã‚³ãƒ©ãƒœã€‚「Kã€ã¯ã€ŒKey Lime Pieã€ã«ãªã‚‹ã ã‚ã†ã¨è¨€ã‚ã‚Œã¦ã„ãŸã®ã«ã€ã•ã™ãŒã®æ–œã‚上ã§ã™ã€‚。 ç€å®Ÿã«é€²åŒ–を続ã‘ã€ã„ã¾ã‚„スマートフォンã®ä¸–界シェアã®8割近ãã‚’å ã‚ã‚‹[1]よã†ã«ãªã£ãŸ Android ã§ã™ãŒã€å¤šãã®ã‚µãƒ¼ãƒ“スã¯ä¾ç„¶ã¨ã—ã¦ã€ŒiOS ファーストã€ã§é–‹ç™ºã—ã¦ã„ã‚‹[2]よã†ã«æ€ã„ã¾ã™ã€‚ã‹ãã„ㆠSmartNews ã‚‚ã€ã¾ãš iOS版ã‹ã‚‰å§‹ã¾ã‚Šã€Android版ãŒå‡ºãŸã®ã¯ãã®æ•°ãƒ¶æœˆå¾Œã§ã—ãŸã€‚ ãã†ã„ã£ãŸå ´åˆã€ã€ŒiOS を出ã—ã¦ã€ãã‚ŒãŒã†ã¾ãã„ã£ãŸã‚‰ã€Android ã«ãã®ã¾ã¾ç§»æ¤ã™ã‚Œã°ã„ã„ã€ã¨ã„ã†ã‚ˆã†è€ƒãˆæ–¹ã‚’ã—ã¦ã—ã¾ã„ãŒã¡ãªã®ã§ã™ãŒã€ãã‚Œã§ã¯å¤šãã®å ´åˆã‚ˆã„ã‚‚ã®ã«ãªã‚Šã¾ã›ã‚“。ã©ã†ã—ã¦ã‚‚
累計32種ï¼UIãŒå„ªã‚ŒãŸiPhoneアプリã®éƒ¨åˆ†ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆãƒ˜ãƒƒãƒ€ãƒ»ãƒ•ãƒƒã‚¿ç·¨ï¼‰
FINDJOB! 終了ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9月29æ—¥ã«FINDJOB!を終了ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”利用ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…様ã€æ§˜ã€…ãªã”関係者様。 大変長らãFINDJOB!ã‚’ã”愛顧ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„求人ãŒã¾ã 広ãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!をリリースã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’続ã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ 転è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„言葉もãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!経由ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…当ã«ãªã‚Šã€ FINDJOB!を通ã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9月29日をもã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’下ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ 今後もã€IT/Webæ¥ç•Œã‚„クリエイティブ
スマホUI考（番外編）　顧客やユーザーã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—リã¯99%ç ´ç¶»ã™ã‚‹ | fladdict
顧客や上å¸ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å ´å½“ãŸã‚Šãªè¦æœ›ã«å¯¾å¿œã—ã¤ã¥ã‘ã‚‹ã¨ã€ã©ã‚“ãªã‚¢ãƒ—リもゴミアプリã«ãªã‚‹ã€‚ãŸã¨ãˆãã‚ŒãŒç†ã«ã‹ãªã£ãŸè¦æœ›ã§ã‚ã£ã¦ã‚‚。 ãªãœãªã‚‰é¢ç©ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒžãƒ›ã§ã¯ã€Œä¸€ç”»é¢ã®æ©Ÿèƒ½æ•°ã¨ãƒœã‚¿ãƒ³æ•°ã€ãŒã€ä½¿ã„易ã•ã¨å“質ã«æ·±ãリンクã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã‚’ã€ã‚¨ãƒ©ã„人ã«ãƒ—レゼンã™ã‚‹ã®ãŒãŠä»•äº‹ã®ä»Šæ—¥ã“ã®é ƒã€‚ã§ã‚‚毎回毎回ã€åŒã˜ã“ã¨ã‚’説明ã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ‰ã‚¤ã®ã§è³‡æ–™ã‚’ブãƒã‚°ã«ã¾ã¨ã‚ãŸã„ãªãã¨æ€ã†ãªã©ã€‚ æ€è€ƒå®Ÿé¨“ã¨ã—ã¦ã€ã“ã“ã§ã¯æž¶ç©ºäº‹ä¾‹ã¨ã—ã¦Twitterアプリを例ã«è€ƒãˆã¦ã¿ã‚‹ã€‚ 何ã‹ã®é–“é•ã„ã§ã€æ—¥æœ¬ã®å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒTwitterã‚’è²·åŽã™ã‚‹ã¨ãƒ»ãƒ»ãƒ»UIデザイナーãŒä½“を張らãªã„ã¨99%ãらã„ã®ç¢ºçŽ‡ã§ã“ã†ãªã‚‹ã®ã§ã™ã€‚ ã“ã“ãŒã‚ªãƒªã‚¸ãƒŠãƒ« Request1: ダイレクトメッセージをトップ階層㫠ユーザーã‹ã‚‰ã®çœŸã£å½“ãªè¦æœ›ã€‚実際ã«ã¯ã‚µãƒ¼ãƒ“スã®æœ¬è³ªã§ã¯ãªã„ã®ã§ã™ãŒã€è¦æœ›ã¯ã‹ãªã‚Šå¤šã„ã¯ãšã€‚ ãŸã Twitter社的ã«ã¯me
スマートフォン対応サイトをè¨è¨ˆã™ã‚‹ã¨ãã®ãƒŽã‚¦ãƒã‚¦ (1/3)
Webサイトã®åˆ¶ä½œã¯ã€ä¸€èˆ¬çš„ã«ã‚µã‚¤ãƒˆè¨è¨ˆï¼æ§‹é€ è¨è¨ˆâ†’ç”»é¢è¨è¨ˆâ†’デザイン制作→HTML/CSS制作→JavaScript開発ã¨ã„ã£ãŸæ‰‹é †ã§é€²ã‚ã¾ã™ã€‚ スマートフォンサイトã®å ´åˆã‚‚基本的ãªæ‰‹é †ã¯åŒæ§˜ã§ã€å„è¨è¨ˆå·¥ç¨‹ã‚’経ã¦åˆ¶ä½œã—ã¦ã„ãã¾ã™ãŒã€PCã¨ã‚‚æºå¸¯é›»è©±ã¨ã‚‚é•ã†ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å ´åˆã€ã‚µã‚¤ãƒˆè¨è¨ˆæ®µéšŽã§ã‚‚注æ„ã™ã¹ã点ãŒå¤šãã‚ã‚Šã¾ã™ã€‚今回ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’è¨è¨ˆã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã‚’解説ã—ã¾ã™ã€‚ スマートフォンサイトã®æ§‹é€ è¨è¨ˆ ã€Œæ§‹é€ è¨è¨ˆã€ã¨ã¯ã€Webサイト全体ã®å„ページã®ã¤ãªãŒã‚Šã‚’考ãˆã€ã„ã‚ゆる「サイトマップã€ã‚’作æˆã™ã‚‹ä½œæ¥ã§ã™ã€‚ トップページã‹ã‚‰é€£ãªã‚‹Webサイトã«ãŠã„ã¦ã€åˆ©ç”¨è€…ã«è¦‹ã¦ã‚‚らã„ãŸã„æƒ…å ±ã‚’æŽ¢ã—ã‚„ã™ãæ•´ç†ã—ã€Webサイトã®ç›®çš„ã«å¿œã˜ãŸã€Œã‚´ãƒ¼ãƒ«ã€ã¸ã®èª˜å°Žã‚’考ãˆã¾ã™ã€‚ å…¥å£ã¯æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³å¯¾ç–（SEO）é‡è¦–ã§è€ƒãˆã‚‹ 一般的ãªæºå¸¯é›»è©±ã§ã¯ã‚«ãƒ¡ãƒ©æ©Ÿèƒ½ã¨2次元ãƒãƒ¼ã‚³ãƒ¼ãƒ‰ï¼ˆQRコード）ãŒæ™®åŠã—ã¦ã„
最も支æŒã•ã‚Œã‚‹JavaScriptã®è¡¨ç¾æ–¹æ³•ã¨ã¯ï¼Ÿã€€ã€ã‚¹ãƒžãƒ›ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³èª¿æŸ»ã€‘
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
ウェブページやスマフォアプリã®åˆ¶ä½œæ™‚ã«å‚考ã«ã—ãŸã„UIエレメントをコレクションã—ã¦ã„るサイトã®ã¾ã¨ã‚
ユーザーãŒç›®çš„ã‚’é”æˆã™ã‚‹ãŸã‚ã«æ‰‹åŠ©ã‘ã‚’ã™ã‚‹ã€æ©Ÿèƒ½çš„ã§ã€ç›´æ„Ÿçš„ã§ã€ç¾Žã—ã„インターフェイスを備ãˆã‚‹ã“ã¨ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚最近ã®ã‚¦ã‚§ãƒ–サイトやスマフォアプリãªã©ã§ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ アニメーションを伴ã£ãŸæ¥½ã—ã„UIã€ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã£ãŸUIãªã©ã‚’コレクションã—ã¦ã„るサイトを紹介ã—ã¾ã™ã€‚
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
スマフォやタブレットã«æœ€é©ãªãƒŠãƒ“ゲーションã®è€ƒå¯Ÿ -見ãŸç›®ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã¯ãªãæ“作性ã§ï¼
スマートフォンã€ã‚¿ãƒ–レットã€ãƒ©ãƒƒãƒ—トップタイプã®ã‚¿ãƒ–レットãªã©ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãªãƒŠãƒ“ゲーションã®è€ƒå¯Ÿã‚’紹介ã—ã¾ã™ã€‚ å˜ã«è¦‹ãŸç›®ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã¯ãªãã€æ“作性を考慮ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã™ã€‚ Responsive Navigation: Optimizing for Touch Across Devices 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ å„デãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚º å„デãƒã‚¤ã‚¹ã®ã‚¿ãƒƒãƒæ–¹æ³• タッãƒãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãªãƒŠãƒ“ゲーションã®ä½ç½® デモ スマフォ・タブレット・ラップトップタブレットã®ã‚µã‚¤ã‚º ã¾ãšã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚’確èªã—ã¦ã¿ã¾ã™ã€‚ éŽåŽ»2ヵ月ã«ãƒªãƒªãƒ¼ã‚¹ã—ãŸä¸»è¦ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ã‚ºä¸€è¦§ã§ã™ã€‚
様々ãªã‚¤ã‚±ã¦ã‚‹UIã‚’å‚考ã«ã§ãるサイト | ãƒã‚·ãƒ£ãƒã‚°ã€‚
足掛ã‘2å¹´ã€å…¨ã¦ã®é–¢é€£ä½œå“を見ã¦ã‹ã‚‰ã‚¢ãƒ™ãƒ³ã‚¸ãƒ£ãƒ¼ã‚ºã‚’見ã¦æœ€é«˜ã«ç››ã‚Šä¸ŠãŒã£ãŸminamiã§ã™ã€‚ Webデザインã®ä¸ã§ã‚‚サイトã®UIデザインã¯è¿‘å¹´é‡è¦æ€§ã‚’増ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®ã‚¤ãƒ³ã‚¹ãƒ”レーションをå—ã‘られるサイトをã”紹介ã—ã¾ã™ã€‚ UI Patterns UI Patterns User Interface Patter Libraryã¨ã„ã†ã‚µã‚¤ãƒˆå通りã€UIãŒä½“系的ã«ã¾ã¨ã‚られ解説ã•ã‚Œã¦ã„ã¾ã™ã€‚「Design patternsã€ã§ã¯ãã‚Œãžã‚Œã®UIã«å¯¾ã—ã¦ã€ã©ã†ã„ã†å•é¡Œã‚’解決ã—ã¦ãれるもã®ãªã®ã‹ã®è©³ç´°ãªè§£èª¬ãŒã‚ã‚‹ã®ã§ã€æ™®æ®µãªã‚“ã¨ãªã使ã£ã¦ã„ã‚‹UIを基礎ã‹ã‚‰å‹‰å¼·ã—ç›´ã›ã¾ã™ã€‚ ui parade. ui parade. UIを種類別ã«é›†ã‚ãŸã‚µã‚¤ãƒˆã€‚ãªã‹ãªã‹æ´—ç·´ã•ã‚ŒãŸã‚‚ã®ãŒé›†ã¾ã£ã¦ã¾ã™ã。 PATTERN TAP PATTERN TAP 良ã•æ°—ãªUIã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒé›†ã¾ã‚‹ã‚µã‚¤ãƒˆ
ssig33.com - ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ並ã®ã‚¦ã‚§ãƒ–アプリを云々
ãªã‚“ã‹æœ€è¿‘ãã†ã„ã†ã®æµè¡Œã£ã¦ã‚‹ã‚ˆã†ã§ã™ã。僕も考ãˆã‚’書ã„ã¦ã‚¢ã‚¯ã‚»ã‚¹æ•°ã‚’稼ãŽã¾ã™ã€‚ ページé·ç§»ã‚’éŽåº¦ã«æŠ‘ãˆã‚ˆã†ã¨ã™ã‚‹ãª 下手㫠AJAX 使ã„ã¾ãã‚‹ãらã„ãªã‚‰ãƒšãƒ¼ã‚¸é·ç§»ã—ãŸã»ã†ãŒãƒžã‚·ã§ã‚ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚世ã®ä¸ã«ã¯ãƒšãƒ¼ã‚¸é·ç§»ã‚’抑ãˆã‚ˆã†ã¨ã—ã¦é…·ã„ã“ã¨ã«ãªã£ã¦ã‚‹ JS を沢山見ã¾ã™ã€‚よã考ãˆã‚。 ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’活用ã—ãªã„ localStorage ã«ç”»åƒã¨ã‹æ”¾ã‚Šã“ã‚€ã®ç•°å¸¸ã«é‡ããªã‚‹ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¾ã›ã‚“。èªè¨¼æŒãŸãªã„サービスã§è¨å®šå€¤ä¿å˜ã™ã‚‹ã®ã«ä½¿ã†ã¨ã‹ã«ç•™ã‚ãŸæ–¹ãŒã‚ˆã„ã¨æ€ã†ã€‚ éžåŒæœŸãª API 絶賛ã—ã¦ã¦æ°—ã«é£Ÿã‚ãªã„æ„Ÿã˜ã¯ã—ã¾ã™ãŒã“ã®è¨˜äº‹ã‚’一èªã™ã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ localStorage ã¯å°ã•ãªãƒ‡ãƒ¼ã‚¿ã‚’ã„ãã¤ã‹å…¥ã‚Œã‚‹åˆ†ã«ã¯å分ã«é«˜é€Ÿã§ã™ã€‚大ããªãƒ‡ãƒ¼ã‚¿ã‚’入れるã¨å分ã«ä½Žé€Ÿã§ã™ã€‚ scroll イベントã«å¯¾ã—ã¦ãƒªã‚¹ãƒŠãƒ¼ã‚’ç½®ã‹ãªã„ scroll イベントã®ç›£è¦–ã¯å®Ÿéš›æœ€æ‚ªã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã§ã™ã€‚ã“
スマートフォンサイトã§å¥½ã¾ã‚Œã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€ãƒªã‚µãƒ¼ãƒã€‘
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘開発】ユーザビリティãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã‚’作ã£ã¦ã¿ãŸ
最近ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç³»ã®é–‹ç™ºã‹ã‚‰é›¢ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã§ã€æ„Ÿè¦šãŒéˆã‚‰ãªã„ã†ã¡ã«ï¼ˆå‚™å¿˜éŒ²ã‚‚å…¼ãã¦ï¼‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘開発（主ã«ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ開発）ã«ãŠã‘るユーザビリティãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ã€ã“ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ãŒå‰æã¨ãªã£ã¦ã„ã¾ã™ã®ã§ã”了承ãã ã•ã„。 ・独自性を生ã¿å‡ºã™ã‚ˆã†ãªã‚‚ã®ã§ã¯ãªã„ ⇒ç¾åœ¨ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—リã®ãƒ¡ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ ã®ä¸ã§ã€ã‚¢ãƒ—リã®å°è±¡ã‚’より洗練ã•ã‚ŒãŸã‚‚ã®ã«ã™ã‚‹ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ・案件ã®å†…容ã«é–¢ã‚らãšæ„è˜ã™ã¹ããƒã‚¤ãƒ³ãƒˆ ⇒ã‚る程度汎用性ã®é«˜ã„ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã«ãªã£ã¦ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ã€‚ ãã‚Œã§ã¯ã€å…¨ã¦ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªå†…容ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã§ã‚‚特ã«åŸºæœ¬çš„ãªã‚‚ã®ã‹ã‚‰èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ※僕ãŒiPhoneユーザーã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚ŠiPhoneã®ç”»é¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã°ã‹ã‚ŠãŒä¸¦ã‚“ã§ã„ã¾ã™ãŒã€å…¨ã¦Androidã§ã‚‚使ãˆã‚‹ãƒã‚§ãƒƒã‚¯é …ç›®ã§ã™ã€‚ å°ã•ãã—éŽãŽãªã„ã€è©°ã‚è¾¼ã¿éŽãŽ
スマートフォンサイトã®UIパターンやフレームワーク・ツールãªã©ã‚’ã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆ -Mobile Tuxedo
スマートフォンå‘ã‘サイトやアプリケーションを開発ã™ã‚‹ã®ã«å½¹ç«‹ã¤ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・ツール・プラグインãªã©ã®ãƒªã‚½ãƒ¼ã‚¹ã€ãƒŠãƒ“ゲーションをã¯ã˜ã‚ã¨ã™ã‚‹UIパターンをã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
{{#tags}}- {{label}}
{{/tags}}