フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ„è˜ã—ã¦ãŠããŸã„ユーザビリティ14é¸ - tatsuyankmura
デザイナーå‘ã‘ã«æ›¸ã‹ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティã®æ›¸ç±ã‚„記事ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€å®Ÿè£…者å‘ã‘ã¯ã‚ã¾ã‚Šã‚ã‚Šã¾ã›ã‚“。ãã“ã§ã€ã“ã‚Œã¾ã§ã«ç§ãŒå®Ÿè£…ã‚’ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å—ã‘ãŸæŒ‡æ‘˜ã€é…æ…®ã™ã¹ãã¨æ„Ÿã˜ãŸç‚¹ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ リンク・機能ãªã© 1. リンクや押ã›ã‚‹ç®‡æ‰€ã¯æ°—ã¥ã„ã¦ã‚‚らãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ 便利ãªæ©Ÿèƒ½ã‚’実装ã—ã¦ã‚‚ã€æ°—ã¥ã‹ã‚Œãªãã¦ã¯æ„味ãŒã‚ã‚Šã¾ã›ã‚“。リンクや押ã›ã‚‹ç®‡æ‰€ãªã©ã¯ã€è‰²ãŒå¤‰ã‚ã‚‹ã€å‹•ããªã©ã®å¤‰åŒ–ã‚’åŠ ãˆã¦ãƒ¦ãƒ¼ã‚¶ã«æ°—ã¥ã„ã¦ã‚‚らãˆã‚‹ã‚ˆã†é…æ…®ã—ã¾ã—ょã†ã€‚ プãƒãƒã‚¹ã‚±ãƒƒãƒˆãƒœãƒ¼ãƒ«ãƒªãƒ¼ã‚°ã€Bリーグã®ã‚µã‚¤ãƒˆã€‚タブã§ã™ãŒã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‚‚ãƒã‚¤ãƒ³ã‚¿ãƒ¼ãŒå¤‰ã‚らãšã€å応もãªã„ã®ã§æŠ¼ã›ã‚‹ã“ã¨ã«æ°—ã¥ã‹ãªã„ユーザもã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 2. ç”»é¢æœ€ä¸Šéƒ¨ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã®è¨ç½® 特ã«èªã¿ç‰©ç³»ã®ã‚µã‚¤ãƒˆãªã©ã€ç”»é¢ãŒé•·ããªã‚‹å ´åˆã¯ãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒªãƒ³ã‚¯ãŒã‚ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚スクãƒãƒ¼ãƒ«ã§æˆ»ã‚‹ã®ã¯æ„外ã¨å¤§å¤‰ã§æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚PCã¯ãƒ–ラ
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
Sketchブームã«çµ‚æ¢ç¬¦ï¼ï¼Ÿã¤ã„ã«AdobeãŒUXデザインツール「Adobe XDã€ã‚’å…¬é–‹ï¼ - Tortoise Shell
AdobeãŒã€ã¤ã„ã«UXデザインã«ç‰¹åŒ–ã—ãŸãƒ„ール「Adobe XDã€ã‚’公開ã—ã¾ã—ãŸã€‚ 下ã®å‹•ç”»ã‚’見ã¦ã¿ã¦ãã ã•ã„。 Adobe XD (Preview): Quick Demo ã“ã‚Œã¾ã§ã®Adobeらã—ã‹ã‚‰ã¬ã€å¤§å¤‰ã‚·ãƒ³ãƒ—ルãªUIã§ã™ã。 UIデザインã®ãƒ„ールã¨ã„ãˆã°â€¦ Prototypeモードã¯UIデザイナー待望ã®æ©Ÿèƒ½ Sketchã®é‹å‘½ã‚„ã„ã‹ã« 当ブãƒã‚°ã®ãŠã™ã™ã‚記事 UIデザインã®ãƒ„ールã¨ã„ãˆã°â€¦ ã¨ã“ã‚ã§UIデザインã®ãƒ„ールã¨ã„ãˆã°ã€ã“ã“æ•°å¹´ã§ã€ŒSketchã€ãŒãƒ–ームã«ãªã£ã¦ã„ã¾ã™ã。 最近ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ±‚人ãªã©ã‚’見ã¦ã„ã¦ã‚‚ã€æ±äº¬ã®ITä¼æ¥ã‚’ä¸å¿ƒã«ã€ŒPhotoshop, Illustrator, Sketchを利用ã—ãŸUIデザインã®å®Ÿå‹™çµŒé¨“を有ã™ã‚‹ã“ã¨ã€ã¨ã„ã†è¡¨è¨˜ã‚’ç›®ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Sketchã¯ã€ç¢ºå®Ÿã«UIデザインã®ãƒ„ールã¨ã—ã¦æ™®åŠã—ã¦ãã¦ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã§ã€Adobe
Bootstrapã®ç‚ºã®ã‚«ãƒ¼ãƒ‰åž‹UIフレームワーク・「Bootcards〠- ã‹ã¡ã³ã¨.net
Bootcardsã¯Bootstrapã®ç‚ºã®ã‚«ãƒ¼ãƒ‰åž‹UIフレームワークã§ã™ã€‚カード型UIã¨ã¯æœ€è¿‘Twitterã‚„Googleç‰ãŒæå”±ã—始ã‚ãŸã‚¹ã‚¿ã‚¤ãƒ«ï¼ˆï¼Ÿï¼‰ã§ã™ï¼ˆå‚照：Twitterカードã€Google Now カード）。今ã¾ã§æ™®é€šã«è§¦ã‚Œã¦ã„ãŸUIã«åå‰ãŒä»˜ã„ãŸã ã‘ã®ã‚ˆã†ãªæ°—ã‚‚ã—ã¾ã™ãŒãƒ»ãƒ»ï½—　カードUIã«é–¢ã—ã¦ã¯ Inside Intercomã§è¨˜äº‹ãŒæ›¸ã‹ã‚Œã¦ã„ãŸã®ã§åˆã‚ã›ã¦ã”å‚照下ã•ã„。ã“ã®ã‚«ãƒ¼ãƒ‰UIã«Bootstrapã§å¯¾å¿œå‡ºæ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ã¨ã„ã†UIフレームワークã«ãªã‚Šã¾ã™ã€‚モãƒã‚¤ãƒ«ã¨ã‚¿ãƒ–レットファーストãªå°è±¡ã§å€‹äººçš„ã«ã¯å‰²ã¨å¥½ãã§ã—ãŸã€‚ライセンスã¯MITã¨ã®äº‹ã€‚ Bootcards動作サンプル
１ページã§å®Œçµï¼ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®Webサイトã§ä½¿ã‚ã‚Œã¦ã„る特徴やテクニックã®ã¾ã¨ã‚｜Tips*Blogï½œæ ªå¼ä¼šç¤¾ã‚³ãƒ—ãƒã‚·ã‚¹ãƒ†ãƒ
ã“ã‚“ã«ã¡ã¯ã€ã‚³ãƒ—ãƒã‚·ã‚¹ãƒ†ãƒ Webデザイングループã®ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®çŸ³å·ã§ã™ã€‚ 1/9以æ¥ã€ã‹ãªã‚Šä¹…ã—ã¶ã‚Šã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸä»Šå›žã®è¨˜äº‹ã¯ã€ã€Œã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’テーマã«ã—ãŸã¾ã¨ã‚ã§ã™ã€‚ 「シングルページ・デザインã€ã¨ã¯ã€Webサイトを閲覧ã™ã‚‹æ™‚ã«ã€ãƒšãƒ¼ã‚¸ã‚’é·ç§»ã—ã¦é–²è¦§ã™ã‚‹å¾“æ¥ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã¯ãªãã€1ページã§å®Œçµï¼ˆã¾ãŸã¯ã€ã»ã¼å®Œçµï¼‰ã—ã¦ã„るデザインスタイルã®ã“ã¨ã§ã™ã€‚ スマートフォンやタブレットãŒæ™®åŠã—ã¦ããŸç¾åœ¨ãªã‚‰ã§ã¯ã®æ‰‹æ³•ãªã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã“ã“2～3å¹´ã€æµ·å¤–ã®å…ˆé€²çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å–り入れã¦ã„ã‚‹Webサイトãªã©ã‹ã‚‰ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ãŒå¢—ãˆå§‹ã‚ã€ç§ãŒãƒˆãƒ¬ãƒ³ãƒ‰ã¨ã—ã¦ã™ã”ã実感ã—ãŸã®ã¯æ˜¨å¹´ä¸‹åŠæœŸãらã„ã‹ã‚‰ã§ã—ãŸã€‚ 昨年下åŠæœŸã«ã€æ—¥æœ¬å›½å†…ã§æ–°è¦ã«ç«‹ã¡ä¸ŠãŒã‚‹Webサービスを見ã¦ã„ã‚‹ã¨ã€TOPページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’「シングルページ・デザインã€ã«ã—ã¦ã„るサイトã®å‰²åˆãŒã‹ãªã‚Šé«˜ã„å°è±¡ã ã£ãŸã®ã§ã™
Admin Templates - Dashboard Templates | ThemeForest
Choose from over 2,100 admin dashboard templates. Explore items created by our global community of independent designers and developers, confident they're hand-reviewed by us. Read more Do you need a dashboard that is simple to maintain and easy for everyone to understand? With HTML admin templates from ThemeForest, you can find admin templates to suit your needs. Graphs? Got them. Numbers? Yep. A
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティス | POSTD
http://blog.inouetakuya.info/entry/2015/12/27/210957
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
{{#tags}}- {{label}}
{{/tags}}