The Component GalleryDesigned to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
クリック率・コンãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’高ã‚るボタン。3ã¤ã®å¤§ããªãƒã‚¤ãƒ³ãƒˆ
WEBサイトをé‹å–¶ã—ã¦ã„ã‚Œã°ã€ã‚µã‚¤ãƒˆã«è¨ªã‚Œã¦ãã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã€ç”³ã—è¾¼ã¿ã€‘ã€è³¼å…¥ã€‘ã€è³‡æ–™è«‹æ±‚】ã€å•ã„åˆã‚ã›ã€‘ãªã©ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã€ãŸãã•ã‚“èµ·ã“ã—ã¦æ¬²ã—ã„ã¨è€ƒãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã®ãŸã‚Webクリエイターã¯ã€ã©ã†ã—ãŸã‚‰ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚„æ•°ãŒé«˜ã¾ã‚‹ã®ã‹ã‚’日々考ãˆãƒ»ãƒ†ã‚¹ãƒˆã‚’ç¹°ã‚Šè¿”ã—ã¦ã„ã¾ã™ã€‚ ç§ã‚‚ãã®ã“ã¨ã‚’考ãˆã¦ã„ã‚‹1人ã¨ã—ã¦ã€ä»Šå›žã¯ã‚µã‚¤ãƒˆã®ç›®çš„ã‚’é”æˆã•ã›ã‚‹ãŸã‚ã«æ¬ ã‹ã™ã“ã¨ã®ã§ããªã„大変é‡è¦ãªè¦ç´ ã®1ã¤ã§ã‚ã‚‹ã€è¡Œå‹•ã‚’呼ã³ã‹ã‘ã‚‹ãŸã‚ã®ãƒœã‚¿ãƒ³ï¼ˆCall to Action Button）】ã«ã¤ã„ã¦ã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 目的をé”æˆã¸ã¨å°Žãボタン ボタンã¯ãƒ›ãƒ¼ãƒ ページã®æœ€çµ‚çš„ãªç›®çš„ã§ã‚ã‚‹ã€ç”³ã—è¾¼ã¿ã€‘ã€è³¼å…¥ã€‘ã€è³‡æ–™è«‹æ±‚】ã€å•ã„åˆã‚ã›ã€‘ãªã©ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«èµ·ã“ã—ã¦ã‚‚らã†ãŸã‚ã«ã¯æ¬ ã‹ã›ãªã„è¦ç´ ã®1ã¤ã§ã™ã€‚ボタンã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ボタン内ã®æ–‡ç« を変ãˆãŸã ã‘ã§ã€è³‡æ–™è«‹æ±‚ãŒå¢—ãˆãŸãªã‚“ã¦ã„ã†äº‹ä¾‹ã¯ãŸãã•ã‚“å˜åœ¨
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】クックパッドã®UIデザイナー：「エンジニアã®ä»•äº‹ãŒï¼ã‚’１ã«ã™ã‚‹ä»•äº‹ãªã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯1ã‚’100ã«ã™ã‚‹ä»•äº‹ 〠| Startup Dating
Startup Datingã§ã‚¤ãƒ³ã‚¿ãƒ“ュー連載を始ã‚ã¦ã¿ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ã•ã¦é€£è¼‰ã®åˆå›žã¯ã€2011å¹´ã«æ–°å’ã¨ã—ã¦ã‚¯ãƒƒã‚¯ãƒ‘ッドã«å…¥ç¤¾ã—ã€ç¾åœ¨UIデザイナーã¨ã—ã¦æ´»èºã™ã‚‹ç‰‡å±±è‚²ç¾Žã•ã‚“（@monja415）。片山ã•ã‚“ãŒç¾è·ã«å°±ãã¾ã§ã®é“ã®ã‚Šã‚„ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UIã«é–¢ã™ã‚‹è€ƒãˆæ–¹ã€ç‰‡å±±ã•ã‚“ãŒæ‰‹ãŒã‘ãŸå…·ä½“çš„ãªUI改善ã®äº‹ä¾‹ã‚„ヒントãªã©ã‚’ãŸã£ã·ã‚ŠãŠä¼ãˆã—ã¾ã™ã€‚ 美術大å¦ã§å‹‰å¼·ã€ã‚‚ã¨ã‚‚ã¨è·äººã«ãªã‚ŠãŸã‹ã£ãŸ ã‚‚ã¨ã‚‚ã¨çµµã‚’æãã®ãŒå¥½ãã ã—å¾—æ„ã€é«˜æ ¡ã®ã¨ãã‹ã‚‰è·äººã«ãªã‚ŠãŸã„ã¨æ€ã£ã¦ã„ãŸã¨è©±ã™ç‰‡å±±ã•ã‚“。美術大å¦ã«é€²å¦ã—ã€ãƒ•ã‚¡ã‚¤ãƒ³ç³»ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã§ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã‚’å¦ã¶ã“ã¨ã‚’é¸æŠžã€‚ファイン系ã¨ã¯ã€çµµç”»ã‚„彫刻ãªã©ã„ã‹ã«ã‚‚“アートâ€ã¨ã„ã†ã‚‚ã®ã€‚ファイン系ãŒèŠ¸è¡“ã ã‹ã‚‰ã€ã©ã“ã‹è‡ªåˆ†ã®ä¸ã§å®Œçµã—ã¦ã—ã¾ã†ã¨ã“ã‚ãŒã‚る。ã§ã‚‚ã€è·äººã£ã¦èª°ã‹ã®ãŸã‚ã«æŠ€è¡“を使ãˆã‚‹äººãªã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨ã€‚æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç§‘ã‚’å°‚æ”»ã—ã€ã‚µãƒ¼ãƒ“スデザインやUXã¨è¨€ã‚
JavaScriptã§ä½œã‚‰ã‚ŒãŸã€è¦‹ãŸã“ã¨ãªã„UIデザインã®Webサイト
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.） / Raffael Stüken / La Moulade - Creative St...ä»–...å…¨11件
Top 40+ Free Web UI Kits & Templates – Speckyboy
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef
ã“ã“1å¹´ãらã„ã§è¦‹ã‚‰ã‚ŒãŸç´ 晴らã—ã„インターフェイスデザイン 12é¸
Tweet 『fastcodesign.comã€ã«è¦‹ã¦ã„ã‚‹ã ã‘ã§æ¥½ã—ããªã‚‹è¨˜äº‹ãŒå‡ºã¦ã„ãŸã®ã§ã”紹介。 2010å¹´ã«å‡ºã¦ããŸãƒ—ãƒãƒ€ã‚¯ãƒˆã®ã†ã¡ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç´ 晴らã—ã‹ã£ãŸã‚‚ã®ã‚’12個ã»ã©ãƒ”ックアップã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ 以下ã€ã¡ã‚‡ã£ã¨ã¥ã¤è§£èª¬ã‚’ã°ã€‚ 1. FLUD ã¾ãš1番最åˆã«ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã®ã¯ã€iPhoneアプリã€ã€ŽFLUDã€ã€‚ç´ æ™´ã‚‰ã—ãデザインã•ã‚ŒãŸRSSリーダーアプリã§ã™ã€‚アイコンもイケã¦ã¾ã™ã€‚ 2. Cortex 『Cortexã€ã¯Chromeã§æ©Ÿèƒ½ã™ã‚‹Extension。Facebook, Twitter, Tumblr, or Instapaperã«ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã ã‘ã§çž¬æ™‚ã«æŠ•ç¨¿ã§ãるスグレモノã§ã™ã€‚ 3. IOBR 『IOBRã€ã¯å¹¼å…ã®ãŸã‚ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã€‚（ã¨ã„ã†ã‚ˆã‚Šã¯ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ールã§ã™ãŒã€‚）幼å…ã¯ä¸Šã®ã‚ˆã†ã«ã€ãƒœãƒƒã‚¯ã‚¹ã«ä¸‰è§’や四角ã®ãƒ–ãƒãƒƒã‚¯ã‚’å…¥
プãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ — ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx 㮠「Windows ユーザー エクスペリエンス ガイドライン〠「ガイドライン〠主ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ 以下ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—㟠Web UIã«å¿œç”¨å¯èƒ½ 実用的ã‹ã¤å…·ä½“çš„ 自明ã§ã¯ãªã„ プライマリUIを目立ãŸã›ã‚‹ プライマリ UI è¦ç´ を強調ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - プライマリ UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - タスクを開始ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - コミット ボタンã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - 残りã®ãƒ—ライマリ UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - コマンド ボタンã€ã‚³ãƒžãƒ³ãƒ‰ リンクã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„を引ã付ã‘るコントãƒãƒ¼ãƒ«ã‚’使用ã—ã¾ã™ã€‚ - 大ããªãƒ†ã‚ストや太å—ã®ãƒ†ã‚ストãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ストを使用ã—ã¾ã™ã€‚ ユ
ヘッダーやナビゲーションç‰ã€Webデザインをパーツ別ã«åŽé›†ã—ã¦ã„るギャラリーサイトã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã„ãã¤ã‹çŸ¥ã£ã¦ãŠã„ãŸæ–¹ãŒã€å¿…è¦ãªæ™‚㫠探ã—ã‚„ã™ã„ã¨æ€ã£ã¦ãƒ¡ãƒ¢ã—ã¾ã™ã€‚Webサイト ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ヘッダーやフッターãªã©ã€ パーツ別ã«åŽé›†ã—ã¦ã„るギャラリーサイト㌠ã„ãã¤ã‹ã‚ã‚‹ã®ã§ã¾ã¨ã‚ã¾ã™ã€‚ ãã‚“ãªå¤§é‡ã«æœ‰ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ã‘ã©ã€‚パーツã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã„ã¤ã‚‚è¿·ã†ã®ã§ã“ã®æ‰‹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯ã„ãã¤ã‚ã£ã¦ã‚‚çµæ§‹é‡å®ã—ã¾ã™ã‚ˆã。 ブブンデザインアーカイブ 国内ã§ãŠãらã唯一ã®ãƒ‘ーツ別デザインギャラリーã§ã™ã€‚ナビゲーションやフッターãªã©ã§æŽ¢ã›ã¦ã€åŽé›†ã—ã¦ã„るサイトも国内メインãªã®ã§å‚考ã«ãªã‚‹ã®ã§ã¯ã€‚ ブブンデザインアーカイブ MephoBox ヘッダーやフッターã€ãƒŠãƒ“ゲーションやフォームデザインã ã‘ã§ãªãã€404やカレンダーãªã©å…¨ã¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をカテゴリã«ã—ã¦ãƒ‘ーツデザインをåŽé›†ã—ã¦ã„ã¾ã™ã€‚ãŠã™ã™ã‚。 MephoBox Pattern Tap ã“ã¡ã‚‰ã‚‚ナビゲーションやボタンã€ãƒ•ã‚©ãƒ¼ãƒ デザインãªã©ã«åˆ†ã‘ã¦ãƒ‡
pukiwikiã€ã¯ã¦ãªãƒˆãƒƒãƒ—ページã®å¦™ãªæ怖感
尾野（ã—ã£ã½ï¼‰ @tail_y 先週ã®ã“ã¨ã ã‘ã©ã€ä¼šç¤¾ã«ã„る女ã®äººãŒtwitterクライアントを入れるã¨ã„ã†è©±ã«ãªã£ãŸæ™‚ã«ã‚°ã‚°ã£ã¦ã“ã®ãƒšãƒ¼ã‚¸ã‚’見ã›ãŸã®ã ã‘ã©ã€å¾Œã€…ã€ã“ã®ã‚µã‚¤ãƒˆãŒã€Œæ€–ã‹ã£ãŸã€ã¨ã„ã†è©±ã‚’èžã„ãŸã€‚普通ã®pukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσÑÏ…ï¼ç¸«é‡‡ å¾¹ @firty_housai 何ãŒã‚ã£ãŸâ€¦RT @tail_y: 先週ã®ã“ã¨ã ã‘ã©ã€ä¼šç¤¾ã«ã„る女ã®äººãŒtwitterクライアントを入れるã¨ã„ã†è©±ã«ãªã£ãŸæ™‚ã«ã‚°ã‚°ã£ã¦ã“ã®ãƒšãƒ¼ã‚¸ã‚’見ã›ãŸã®ã ã‘ã©ã€å¾Œã€…ã€ã“ã®ã‚µã‚¤ãƒˆãŒã€Œæ€–ã‹ã£ãŸã€ã¨ã„ã†è©±ã‚’èžã„ãŸã€‚普通ã®pukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
フッターサイトマップã®ãƒ‡ã‚¶ã‚¤ãƒ³ | blog / bookslope
6 Things To Include for a User Friendly Footer | UX Booth 「Key Footer Informationã€ã¨ã—ã¦ã€ãƒ•ãƒƒã‚¿ãƒ¼ã®æƒ…å ±ã¨ã—ã¦é‡è¦ãª6ã¤ã‚’å–り上ã’ã¦ã„ã¾ã™ã€‚ã‚‚ã†ã©ã®ã‚¦ã‚§ãƒ–サイトを見ã¦ã‚‚ã“れらã®æƒ…å ±ã¯æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã—ã€ã‚ã‚‹æ„味デフォルト (標準値) ã§ã‚ã‚‹ã¨ã‚‚言ãˆã¾ã™ã€‚ フッターã«ç½®ãé‡è¦ãªè¦ç´ About Us Link/リンク (ã«ã¤ã„ã¦)Contact Us Link/ãŠå•ã„åˆã‚ã› (連絡先)Terms of Service/サイトã®åˆ©ç”¨æ–¹æ³• (利用è¦ç´„)Privacy Policy/プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ (å€‹äººæƒ…å ±ã®å–り扱ã„)Site Map/サイトマップAddress and Phone Number/ä½æ‰€ã‚„é›»è©±ç•ªå· ãŸã ã—ã€ã“ã®ã†ã¡ã€Œã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã€ã«ã¤ã„ã¦ã¯ã€å˜ã«ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ページã¸ã®ãƒªãƒ³ã‚¯ã‚’ç½®ãã“ã¨ã‚‚ã
ウェブデザインã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’今風ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
最近ã®ã‚¦ã‚§ãƒ–デザインã§ã‚ˆã使用ã•ã‚Œã¦ã„るエレメントã®åˆ¶ä½œæ–¹æ³•ã‚’1ステップãšã¤åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¦ã„ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Carsonifiedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[CSS]åŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã‚’使ã£ãŸãƒ‰ãƒãƒƒãƒ—ダウン型ナビゲーションã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
スクリプト無ã—ã§ã€tableã§é…ç½®ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„をドãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーションã®ãƒ‘ãƒãƒ«ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Professional - drop down table menu demo パãƒãƒ«ã®é€éŽå‡¦ç†ã¯ã€IE6ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 対応ブラウザã¯ã€IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Google Chromeã¨ã®ã“ã¨ã§ã™ã€‚ IE8ã§ã®å‹•ä½œã¯ã€IE7ã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¢ãƒ¼ãƒ‰ã§ã¯ã‚ã‚Šã¾ã›ã‚“。
ウェブデザインã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’アップã™ã‚‹7ã¤ã®ãƒã‚¤ãƒ³ãƒˆ | コリス
ウェブデザインã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’アップã™ã‚‹7ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’Function Web Design & Developmentã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ How to Spot Quality within Web Design: Examples & Tips 以下ã€ãã®æ„訳ã§ã™ã€‚ 1. Spacing スペースã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®é–“ã«ä½¿ç”¨ã•ã‚Œã‚‹å·§å¦™ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ç´ æ™´ã‚‰ã—ã„イメージをé…ç½®ã™ã‚‹ã“ã¨ã‚‚大切ã§ã™ãŒã€ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã©ã®ã‚ˆã†ã«ã‚¹ãƒšãƒ¼ã‚¹ã‚’与ãˆã‚‹ã‹å……分ã«è€ƒæ…®ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 充分ãªã‚¹ãƒšãƒ¼ã‚¹
パンããšè©³è§£ | コリス
パンããšã®ç”±æ¥ã‚„概è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–基準ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„進化ã—ãŸãƒ‘ンããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ パンã㚠ナビゲーションã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã€ãƒŠãƒ“ゲーション機能を拡張ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ パンããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–サイトã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„アクションã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ページã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“リティ（見ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’改善ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’明示ã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ントã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
サイトマップをフッタã«é…ç½®ã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã¨ãã®åŠ¹æžœ
サイトマップを独立ã—ãŸãƒšãƒ¼ã‚¸ã¨ã—ã¦ã§ã¯ãªãã€ãƒ•ãƒƒã‚¿ã«é…ç½®ã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã¨ãã®åŠ¹æžœã‚’Web Designer Wallã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Modern Sitemap and Footer 下記ã¯ã€ãã®æ„訳ã§ã™ã€‚ 昔ã¯ã»ã¨ã‚“ã©ã™ã¹ã¦ã®ã‚¦ã‚§ãƒ–サイトã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をリストアップã—ãŸã‚µã‚¤ãƒˆãƒžãƒƒãƒ—を独立ã—ãŸãƒšãƒ¼ã‚¸ã¨ã—ã¦è¨ç½®ã—ã¦ã„ã¾ã—ãŸã€‚ サイトマップã®é‡è¦ãªç›®çš„ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚„検索エンジン（スパイダー）ãŒã‚µã‚¤ãƒˆå†…ã®æƒ…å ±ã‚’æŽ¢ã—出ã™ã®ã«å½¹ç«‹ã¤ã“ã¨ã§ã™ã€‚ ç¾åœ¨ã¯ã€å¤šãã®ãƒ¢ãƒ€ãƒ³ãªã‚¦ã‚§ãƒ–サイトã§ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ページをè¨ç½®ã—ã¦ã„ã¾ã›ã‚“。代ã‚ã‚Šã«ã€ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—をフッタã«é…ç½®ã—ã¦ã„ã¾ã™ã€‚ サイトマップをフッタã«è¨ç½®ã™ã‚‹åŠ¹æžœ クリック数やページビューã®å¢—åŠ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒšãƒ¼ã‚¸ã‚’隅々ã¾ã§ã˜ã£ãり見るã‚ã‘ã§ãªãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ã–ã£ã¨è¦‹ã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ã§ã™ã€‚ ãã—ã¦ã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦æœ€å¾Œã«è¦‹ã‚‹å ´æ‰€ã¯ã€ãƒ•ãƒƒã‚¿ã§ã™
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
UIデザイン
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ã“ã†ã€ç´ 敵ãªUIデザインã®ã¾ã¨ã‚
http://www.designwalker.com/2009/08/user-interface.html
http://www.designwalker.com/2009/04/wireframe-2.html
{{#tags}}- {{label}}
{{/tags}}