ã‚„ã£ã¦ã¯ã„ã‘ãªã„UIアニメーションã“ã“ã®ç”»é¢ã§ã¯ãƒ¡ã‚¤ãƒ³ãƒœã‚¿ãƒ³ã®ã€ŒSTARTã€ã‚’目立ãŸã›ãŸã„ã®ã§ã™ãŒã€å³ä¸Šã®ãƒœã‚¿ãƒ³ã«ç›®ãŒã„ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ å³ä¸Šã«ç›®ãŒã„ã£ã¦ã—ã¾ã†ã®ã¯ã€æœ€å¾Œã«å‹•ã箇所ã«è¦–ç·šãŒç§»å‹•ã™ã‚‹ã®ã§ä¸å¿…è¦ã«å³ä¸Šã«è¦–ç·šãŒèª˜å°Žã•ã‚Œã¾ã™ã€‚ ä»–ã«ã‚‚コントラストや動ãé‡ãŒãƒ¡ã‚¤ãƒ³ãƒœã‚¿ãƒ³ã‚ˆã‚Šã‚‚大ãã変化ã—ã¦ã„ã‚‹ãŸã‚ã€ã„ã‚„ã§ã‚‚ç›®ã«ã¤ã„ã¦ã—ã¾ã„ã¾ã™ã€‚ ä¸å¿…è¦ã«å¾…ãŸã›ã¦ã„ã‚‹ 最後ã«å‹•ã‹ã™ã¨ã“ã‚ã«è¦–ç·šãŒè¡Œãã¾ã™ãŒã€è¦–線をメインボタンã«å‘ã‘ã•ã›ã‚ˆã†ã¨æœ€å¾Œã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é•·ãã—ã¦ã—ã¾ã£ãŸçµæžœã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦å¾…ãŸã•ã‚Œã¦ã„る状態ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ メインボタンã¯ã™ãã«æŠ¼ã—ã¦ã‚²ãƒ¼ãƒ ã‚’éŠã¹ã‚‹ã“ã¨ãŒå¤§åˆ‡ã«ãªã‚‹ã®ã§ã€æœ€å¾Œã«ãƒœã‚¿ãƒ³ã‚’大ããå‹•ã‹ã—ã¦ç›®ç«‹ãŸã›ã¦ã‚‚ユーザーã¯æ—©ã押ã•ã›ã¦æ¬²ã—ã„ã¨æ€ã£ã¦ã—ã¾ã†ã®ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯çŸãサッã¨å‡ºã—ã¦ä¸Šã’ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ°—æŒã¡ã‚ˆã行動ã§ãã‚‹ã¨ã„ã„ã§ã™ã。 å‹•ãéŽãŽã€å„ªå…ˆé †ä½ãŒæ›–昧 å…¨ã¦ãŒå‹•ãéŽãŽã¦ã—ã¾ã„ã€
GitHub - seek-oss/playroom: Design with JSX, powered by your own component library.
UIテスト自動化ã§SIerã®Excelスクショã¯æ»…ã³ã‚‹ã®ã‹ - ã¦ã‚“ã¦ã‚“ã®ã¶ã‚ã
16種類（45カテゴリ）ã®æ¥ç•Œ150サイトã®èª¿æŸ»ã‹ã‚‰åˆ†ã‹ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆUIã®ç¾çŠ¶10é¸ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ä»˜ï¼‰
Documentation - Materialize
ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティス | POSTD
サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã—ãŸã ã‘ã§ç´„50％もユーザーを失ã£ãŸå¤±æ•—例
UIデザイナーã«å¿…è¦ãªã®ã¯ã€æ±ºå®šåŠ›ã®ã‚るデザインを作る能力 | tsublog
日本ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¯2å¹´é–“ã§ã“ã‚“ãªã«å¤‰ã‚ã£ãŸ (1/4)
ã˜ãƒ¼ã•ã‚“ã°ãƒ¼ã•ã‚“ã¨ã‚¿ãƒƒãƒãƒ‘ãƒãƒ« - ２４時間残念営æ¥
UXã®ãŸã‚ã®UIデザイン
lovely ui
inspired-ui.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - inspired ui リソースãŠã‚ˆã³æƒ…å ±
Creative UI Design Examples for Great UX
Pttrns — Mobile User Interface Patterns
スマートフォンサイトã«é©ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ã¯ï¼Ÿã€ãƒªã‚µãƒ¼ãƒã€‘
æ–°ã—ã„スマホ版Googleã«ã¿ã‚‹ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®æœªæ¥ « H2O Blog.
Flipboardã®ä½¿ã„方メモ - tomute's note
シニア層ã®ãŸã‚ã®Webサイトユーザビリティ
CSS3 Stacks Experiment
{{#tags}}- {{label}}
{{/tags}}