Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Newest blog post: Why Create a Design System Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise
Mobile App Gallery｜tappgala.com
Mobile App Galleryã¯å„種アプリã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚カテゴリã”ã¨ã€è‰²ã”ã¨ã«åˆ†ã‘ã¦åˆ†ã‹ã‚Šã‚„ã™ã表示ã—ã¦ã„ã¾ã™ã€‚
ç„¡æ–™ã§ä½¿ãˆã‚‹UIデザインã®åŸºæœ¬è¦ç´ ãŒè©°ã¾ã£ãŸ32ã®ç´ æ集 - SEO Japan｜アイオイクスã®SEO・CV改善・Webã‚µã‚¤ãƒˆé›†å®¢æƒ…å ±ãƒ–ãƒã‚°
ç„¡æ–™ã§è³‡æ–™ã‚’ダウンãƒãƒ¼ãƒ‰ SEOコンサルティングサービスã®ã”案内 å°‚é–€ã®ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆãŒè²´ç¤¾ã‚µã‚¤ãƒˆã®ã”è¦æœ›ãƒ»èª²é¡Œæ•´ç†ã‹ã‚‰æ–½ç–ã®ç«‹æ¡ˆã‚’è¡Œã„ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‹ã‚‰ã®æµå…¥æ•°å‘上を支æ´ã„ãŸã—ã¾ã™ã€‚ 無料ダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã€€ï¼žï¼ž 先日ã€UIデザインãŒç´ 晴らã—ã„35ã®ã‚¦ã‚§ãƒ–スタートアップã¨ã„ã†è¨˜äº‹ãŒäººæ°—ã¨ãªã‚Šã¾ã—ãŸã€‚今回ã¯ã‚ã‚“ãªä»Šé¢¨ã®ã‚¦ã‚§ãƒ–UIを気軽ã«ç°¡å˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸã„ï¼ã¨ã„ã†æ–¹ã®ãŸã‚ã«ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—用ã®UIエレメントã®ãƒ•ã‚¡ã‚¤ãƒ«é›†ã‚’32厳é¸ã—ã¦ã”紹介。ã©ã‚Œã‚‚フォトショップ形å¼ã€ã‹ã¤ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã¾ã•ã«ä»Šé¢¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸè¦ç´ ã°ã‹ã‚Šãªã®ã§ã€ä¾¿åˆ©ã«ä½¿ãˆãã†ã§ã™ã€‚ — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy U
Webサイトã«ãŠã‘るユーザービリティã®å¾©ç¿’ã‚’ã—ãŸã®ã§ã€ã‚ˆããƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’リスト化ã—㟠- ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ユーザービリティã«é–¢ã—ã¦å°‘ã—復習ã—ãŸã®ã§ メモã£ã¦ãŠãã¾ã™ã€‚åˆå¿ƒå¿˜ã‚Œã‚‹ã¹ã‹ã‚‰ãšã¨ã„ㆠ事ã§ãƒ»ãƒ»ãƒ»Webサイトã¯åŸºæœ¬çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティ を考慮ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„コンテンツãŒç†æƒ³ã§ã™ã€‚ ã‚‚ã¡ã‚んケースãƒã‚¤ã‚±ãƒ¼ã‚¹ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ ã“ã‚Œã¯å…¨å…±é€šã—ã¦è¨€ãˆã‚‹ã€ã¨ã„ã†äº‹ã‚’忘れãªã„ よã†ã«ãƒ¡ãƒ¢æ›¸ã。 ã¨ã„ã†ã‚ã‘ã§ã€ç”³ã—訳ãªã„ã§ã™ã‘ã©ç›®æ–°ã—ã„事ã¯ä½•ä¸€ã¤ç„¡ã„内容ã§ã™ã€‚ ãã‚‚ãã‚‚ã“ã®ãƒ–ãƒã‚°è‡ªä½“ユーザビリティを考慮ã—ãŸè¨è¨ˆã¨ã¯è¨€ãˆã¾ã›ã‚“（「やã£ã¡ã‚ƒãƒ€ãƒ¡ãªã“ã¨ã€ã‚‚ã—ã¦ã„ã¾ã™ï¼‰ã®ã§å…¨ç„¶èª¬å¾—力ãªã„æ„Ÿã˜ã§ã™ã€‚ ã„ã‚ã„ã‚ã¨ãƒ†ã‚¹ãƒˆ&エラーをã—ã¦è¡ŒããŸã„ã®ã§ã”了承下ã•ã„。 ã¯ã˜ã‚ã« æ£ã—ã„ユーザビリティã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ˆã£ã¦ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã ã¨æ€ã„ã¾ã™ãŒåŸºæœ¬çš„ã«ã¯åƒ•ã¯ãƒ¤ã‚³ãƒ–・ニールセンã®è€ƒãˆã«å¾“ã£ã¦ã„ã¾ã™ã€‚
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
ラインアップ｜au NEW SELECTION｜au
ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ã¨ã€ãƒã‚¤ãƒ³ãƒˆã‚„ãŠçŸ¥ã‚‰ã›ã®ç¢ºèªã‚’ã¯ã˜ã‚ã€ãŠå®¢ã•ã¾ã®å¥‘約内容ã«å¿œã˜ãŸè¡¨ç¤ºãŒã§ãã¾ã™ã€‚ My au利用è¦ç´„ã€My UQ mobile利用è¦ç´„ã€ID利用è¦ç´„ã€au Ponta ãƒã‚¤ãƒ³ãƒˆãƒ—ãƒã‚°ãƒ©ãƒ è¦ç´„ãŠã‚ˆã³ã‚¢ã‚¯ã‚»ã‚¹ãƒ‡ãƒ¼ã‚¿ã®åˆ©ç”¨ã«åŒæ„ã®ä¸Šã€ãƒã‚°ã‚¤ãƒ³ã—ã¦ãã ã•ã„。
第36回　画é¢è¨è¨ˆæ›¸ã‚’書ããŸã‚ã®æ‰‹æ³•ã¨ãƒ„ール：ITpro
ç”»é¢è¨è¨ˆæ›¸ã«ã¤ã„ã¦ï¼Œå‰å›žã«å¼•ã続ã，ãれを書ãツールや手法ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ょã†ã€‚ ç”»é¢è¨è¨ˆæ›¸ã®åŸºæœ¬ ã¾ãšã¯ï¼Œç”»é¢è¨è¨ˆæ›¸ã®ä¸ã«ã‚ã‚‹ã¹ãæƒ…å ±ã‹ã‚‰è¦‹ã¦ã¿ã¾ã—ょã†ã€‚ã“れらã™ã¹ã¦ãŒãã‚ã£ã¦ã„ãªã‘ã‚Œã°ãªã‚‰ãªã„，ã¨ã„ã†ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒï¼Œæœ›ã¾ã—ã„ã®ã§ã¯ãªã„ã‹ã¨ç§è‡ªèº«ã¯è€ƒãˆã¦ã„ã¾ã™ã€‚ header ページIDやタイトルãªã©ï¼Œä¸€ç›®ã§ãã®ãƒšãƒ¼ã‚¸ãŒã©ã®ç”»é¢ä»•æ§˜ã‚’記述ã—ã¦ã„ã‚‹ã‹ãŒã‚ã‹ã‚‹ã‚ˆã†ãªã€Œãƒ˜ãƒƒãƒ€ãƒ¼ã€éƒ¨åˆ†ã€‚ç´°ã‹ã書ããªã‚‰ã°ï¼Œæ–‡å—コードや対象ブラウザã¾ã§è¨˜è¿°ã™ã‚‹å ´åˆã‚‚ã‚る。ã¾ãŸï¼Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®åå‰ï¼ˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ»ã‚³ãƒ¼ãƒ‰ï¼‰ã‚„版番å·ãªã©ã‚‚記ã—，似ãŸã‚ˆã†ãªãƒ‰ã‚ュメントã®ä¸ã‹ã‚‰ã‚‚引ã出ã›ã‚‹ã‚ˆã†ã«ã—ã¦ãŠã。 footer 制作サイドã®ã‚³ãƒ”ーライトやページ番å·ãªã©ã‚’記ã™ã€‚最終的ã«ã¯ï¼Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ã‚³ãƒ”ーライトã«ç½®ãç›´ã—ã¦ï¼Œæœ€çµ‚ç´å“ã¨ã™ã‚‹å ´åˆã‚‚ã‚る。 Page Layout ç”»é¢å†…ã«é…ç½®ã™ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆU
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
é»’é ˆæ£æ˜Ž : NAVERアドãƒã‚¤ã‚¶ãƒªãƒ¼ãƒœãƒ¼ãƒ‰
1978年早稲田大å¦å¤§å¦é™¢åšå£«èª²ç¨‹å˜ä½å–得満期退å¦ã€‚åŒå¹´(æ ª)日立製作所入社ã€ä¸å¤®ç ”究所ã«å‹¤å‹™ã€‚1988å¹´åŒç¤¾ãƒ‡ã‚¶ã‚¤ãƒ³ç ”究所ã«ç•°å‹•ã€‚1996年よりé™å²¡å¤§å¦æƒ…å ±å¦éƒ¨æ•™æŽˆã€‚2001å¹´9月ã€æ–‡éƒ¨ç§‘å¦çœãƒ¡ãƒ‡ã‚£ã‚¢æ•™è‚²é–‹ç™ºã‚»ãƒ³ã‚¿ãƒ¼ã«æ•™æŽˆã¨ã—ã¦èµ´ä»»ã€‚ヒューマンインタフェースã€ç‰¹ã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’ç ”ç©¶ã™ã‚‹ãªã‹ã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å·¥å¦ã‚„人工物発é”å¦ã‚’æå”±ã™ã‚‹ã«è‡³ã£ãŸã€‚ç¾åœ¨ã€å¦æ ¡æ³•äººæ”¾é€å¤§å¦ メディア活用・é 隔教育センター　教授ã€å›½ç«‹å¤§å¦æ³•äººç·åˆç ”究大å¦é™¢å¤§å¦ å¦é•·ç‰¹åˆ¥è£œä½ã€æ–‡åŒ–科å¦ç ”究科 メディア社会文化専攻 教授 先生ãŒç ”究ã•ã‚Œã¦ã„るユーザビリティã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ï¼ˆUX）ã®é•ã„ã«ã¤ã„ã¦ã€ã¾ãšã¯ã€å®šç¾©ã—ã¦ã„ãŸã ã‘ã¾ã™ã§ã—ょã†ã‹ã€‚ ユーザビリティã¨UXã¨ã„ã†æ¦‚念ã¯ã€ä¸–é–“ã§æ··åŒã•ã‚Œã¦ã„る傾å‘ãŒã‚ã‚Šã¾ã™ã€‚ãã‚‚ãã‚‚UXã¨ã¯ä½•ã«é–¢ã™ã‚‹ã‚‚ã®ã§ã‚ã‚‹ã‹ã€ã¨ã„ã†ã“ã¨ã‚’考ãˆã‚‹ã¨ãã®è¾ºãŒæ•´ç†ã•ã‚Œã¾ã™ã€‚ã¾ãšã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ã„
iPhoneã‚„iPadãŒã©ã†ã—ã¦ã‚‚シングルタスクãªç†ç”±
今週ã€Appleã®ã‚¿ãƒ–レット端末iPadãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã。 色々ãªäººãŒè‰²ã€…ãªäº‹ã‚’言ã£ã¦ã„ã¾ã™ãŒã€iPadã«å¯¾ã—ã¦ã‚‚マルãƒã‚¿ã‚¹ã‚¯éžå¯¾å¿œã‚’嘆ã声ãŒéžå¸¸ã«å¤šã„ã“ã¨ã‚’twitterã‚„blogã®åå¿œã§çŸ¥ã‚Šã¾ã—ãŸã®ã§ã€ä»Šæ—¥ã¯ãªãœiPhoneã‚„iPadãŒã‚·ãƒ³ã‚°ãƒ«ã‚¿ã‚¹ã‚¯å¿—å‘ãªã®ã‹ã€ã¨ã„ã†è©±ã‚’ã—よã†ã¨æ€ã„ã¾ã™ã€‚ iPadã¨ã„ãˆã°ã€ç™ºè¡¨ç›´å‰ã®Gizmodoã®äºˆæƒ³è¨˜äº‹ã«ã€ã‹ã¤ã¦Appleã®é–‹ç™ºè€…ã§ã‚ã‚ŠMacintoshプãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ç«‹ã¡ä¸Šã’ãŸã‚¸ã‚§ãƒ•ãƒ»ãƒ©ã‚¹ã‚ンã®ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ãƒ»ã‚³ãƒ³ãƒ”ュータã«ã¤ã„ã¦ã®ç´¹ä»‹ãŒè¼‰ã£ã¦ã„ã¾ã—ãŸã€‚「Appleタブレットã®UIã¯ã‚ºãƒãƒªã“ã†ãªã‚‹ï¼ï¼ˆå‹•ç”»ï¼†äºˆæƒ³å›³ï¼‰ã€ã™ã”ãã„ã„記事ã§ã€ã¨ã¦ã‚‚楽ã—ãèªã¾ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ iPhone/iPadã®ã‚·ãƒ³ã‚°ãƒ«ã‚¿ã‚¹ã‚¯ã¸ã®åŸ·ç€ã«ã¯ã€ã€Œãƒžãƒ«ãƒã‚¿ã‚¹ã‚¯æ±Žç”¨æ©Ÿã€ã§ã¯ãªãã¦ã€ã€Œå¿…è¦ãªæ™‚ã«ã„ã‚ã‚“ãªå°‚用機ã«å¤‰èº«ã§ãる多機能機ã€ã¨ã„ã†åŸºæœ¬çš„ãªè¨è¨ˆæ€æƒ³ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã“ã“
I ♥ wireframes (@wireframes) on Tumblr
Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); try { var pageTracker = _gat._getTracker("UA-140887-8"); pageTracker._trackPageview(); } catch(err) {} woopra
45+ New jQuery Techniques For Good User Experience | Developer's Toolbox | Smashing Magazine
JavaScipt libraries have made huge leaps and bounds in helping developers write code and develop products more quickly. jQuery is one of the most popular JavaScript frameworks, with powerful tools that improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax. To help you take it up a not
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://dribbble.com/shots/102155-Folder-tabs
https://dribbble.com/shots/723449-Calc-GUI?list=popular&offset=8
https://dribbble.com/shots/721637-Visual-Language-Study-Part-1?list=tags&tag=ui
インターフェイスã®è¡—角(83) – 最近ã®ç”»åƒèªè¨¼ã€€å¢—井俊之
IDEA*IDEA 〜 ã¨ã‚るサービスé‹å–¶è€…ãŒå¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚るブãƒã‚°
jQuery ドãƒãƒƒãƒ—ダウンメニュー | CSS Lecture
moto-mono.net
{{#tags}}- {{label}}
{{/tags}}