16種類（45カテゴリ）ã®æ¥ç•Œ150サイトã®èª¿æŸ»ã‹ã‚‰åˆ†ã‹ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆUIã®ç¾çŠ¶10é¸ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ä»˜ï¼‰2015å¹´5月ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚ˆã‚‹Googleã®æ¤œç´¢æ•°ãŒPCã§ã®æ¤œç´¢æ•°ã‚’抜ã„ãŸã¨ã„ã†ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒGoogleã®å…¬å¼ãƒ–ãƒã‚°ã§ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚昨今ã®ç§ãŸã¡ã¯å¤šãã®æƒ…å ±ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§æ¤œç´¢ã—ã¦ã„ã¾ã™ã€‚ãã®æµã‚Œã«ä¼´ã£ã¦ã€ç¾åœ¨ã¯å¤šãã®ä¼æ¥ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã«æœ€é©åŒ–ã•ã‚ŒãŸWebサイトをæŒã¤ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 我々Web制作者ã¯ã“ã®æµã‚Œã®åˆé ã€PCサイト制作ã§åŸ¹ã£ãŸãƒŽã‚¦ãƒã‚¦ã‚’å…ƒã«ã€æ‰‹æŽ¢ã‚ŠçŠ¶æ…‹ã§åˆ¶ä½œã—ã¦ã„ãŸã®ã‚’記憶ã—ã¦ã„ã¾ã™ãŒã€ã“ã®æ•°å¹´ã®é–“ã§ä¸€å®šã®åˆ¶ä½œãƒŽã‚¦ãƒã‚¦ãŒè“„ç©ã•ã‚Œã¦ããŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ã—ã‹ã—デãƒã‚¤ã‚¹ãŒå¤šæ§˜ãªé€²åŒ–ã‚’é‚ã’ã‚‹ä¸ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®UI作法も日々刻々ã¨å¤‰åŒ–ã—続ã‘ã¦ã„ã¾ã™ã€‚ç§ãŸã¡Web制作者ã¯ä¸€å®šã®ãƒŽã‚¦ãƒã‚¦ã‚’使ã„回ã™ã“ã¨ã«å›ºåŸ·ã›ãšã€å¸¸ã«æ–°ã—ã„å‹•å‘を自分ã®ç›®ã§ã‚ャッãƒã—ã¦çŸ¥è˜ã‚’刷新ã—ã€æ—¥ã€…ã®æ¥å‹™ã«ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã•ã›ã‚‹æ´»å‹•ãŒå¤§åˆ‡ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§å°‘々å‰ç½®ããŒé•·ããªã‚Šã¾ã—ãŸãŒã€ä»Šå›žã¯æ˜¨ä»Š
Gentallela - プãƒã‚°ãƒ©ãƒžã§ã‚‚美ã—ã管ç†ç”»é¢ã‚’作æˆã§ãã‚‹Bootstrapテーマ | ソフトアンテナ
デザインã®ç¢ºã‹ãªçŸ¥è˜ãŒèº«ã«ã¤ãï¼Webサイトやアプリã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã¾ã¨ã‚
最近ã®Webデザインã§æŽ¡ç”¨ã•ã‚Œã¦ã„るページレイアウトやUIã®æ–°å¸¸è˜ãŒãƒã‚§ãƒƒã‚¯ã§ãã‚‹ç´ æã®ã¾ã¨ã‚
ファーストビュー盲信ãŒã‚‚ã†ã—ã‚“ã©ã„
SpinKit
Pure.css
Home - Pencil Project
UI/UXデザイナーãªã‚‰ä¸€åº¦ã¯ç›®ã‚’通ã—ã¦ãŠããŸã„「デザイン原則ã€ã¾ã¨ã‚ã€éšæ™‚更新】
第10回　リアクティブ・プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° | gihyo.jp
第5回　タブ切り替ãˆã§å¿«é©ã«èªã‚るインターフェースを作るã«ã¯ | gihyo.jp
[JS]パãƒãƒ«ã‚’ペãƒãƒƒã¨ã²ã£ãã‚Šè¿”ã™ã‚¹ã‚¯ãƒªãƒ—ト -QuickFlip 2
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚】綺麗ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ç®¡ç†ç”»é¢ã€€30é¸
[JS]ホãƒãƒ¼æ™‚ã«æµ®ã‹ã¶ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¨ã£ã¦ã‚‚リアルãªã‚¹ã‚¯ãƒªãƒ—ト
[JS]ホãƒãƒ¼æ™‚ã€ãµã‚“ã‚ã‚Šã¨ãƒã‚¦ãƒ³ãƒ‰ã™ã‚‹ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘るスクリプト
[JS]複数ã®ãƒ‘ãƒãƒ«ã‚’アニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sliding Tab Menu
スマホデザインã§è¦‹ã‚„ã™ã„サイズã€è¡Œé–“ã¯ï¼Ÿãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¢ãƒ—リç‰ã‚’調ã¹ã¦ã¿ãŸï½œæ ªå¼ä¼šç¤¾ã‚¢ã‚¯ãƒˆã‚¼ãƒï½œã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ブãƒã‚°
PCサイトã®UIデザインã«ãŠã‘ã‚‹12ã®ãƒˆãƒ¬ãƒ³ãƒ‰ | ベイジã®ç¤¾é•·ãƒ–ãƒã‚°
[CSS]特定ã®ã‚¨ãƒªã‚¢ã ã‘をアニメーションã§ä¸€çž¬ç›®ç«‹ãŸã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
{{#tags}}- {{label}}
{{/tags}}