The worst volume control UI in the world
About “wantsâ€, “cansâ€, “needsâ€, and “shouldsâ€The original reddit post has now hundreds of examples of terrible volume UI, and it keeps growing — a fun exercise/joke, that can strengthen one’s creative muscles and ability to think outside of the box. People have been participating simply for the fun of coming up with the most absurd and weird interactions and interface elements. But there’s definit
UIデザインã®å¼•ã出ã—を増やã—ãŸã„ã¨ãã‚„æ‚©ã‚“ã ã¨ãã«å‚考ã«ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ 20 - NxWorld
webサイトやアプリãªã©ã®UIデザインã«æ‚©ã‚“ã ã¨ãã«å‚考ã«ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’å…¨20サイト紹介ã—ã¾ã™ã€‚ よãã‚るコンãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„é…ç½®ã®ä»•æ–¹ã€ã‚«ãƒ©ãƒ¼ã®çµ„ã¿åˆã‚ã›æ–¹ã‚’眺ã‚ã‚‹ã ã‘ã§ãªãã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã«ã‚ˆã£ã¦ã¯ã‚¯ãƒ¼ãƒ«ãªã‚‚ã®ã‹ã‚‰ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚‚ã®ã¾ã§ã‚る様々ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¾ã¨ã‚ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚‹ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã®éƒ¨åˆ†ã§ã‚‚å‚考ã«ãªã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚‚ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€æ‚©ã‚“ã ・困ã£ãŸã¨ãã«è¦‹ã‚‹ã ã‘ã§ãªãã€ãŠæ°—ã«å…¥ã‚Šã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒã‚ã‚Œã°ãƒ–ックマークやフィード登録ãªã©ã—ã¦æ™®æ®µã‹ã‚‰ç©ºã„ãŸæ™‚é–“ã«ç›®ã‚’通ã™ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¼•ã出ã—も増やã›ã¾ã™ã。 Calltoidea ç´°ã‹ã„コンãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰ãƒšãƒ¼ã‚¸å…¨ä½“ã®ãƒ¬ãƒ™ãƒ«ã¾ã§æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ カテゴリーを表ã™ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ã‚ã‹ã‚Šã‚„ã™ãå‚考デザインã®ã‚ャプãƒãƒ£ã‚‚大ããã¦è¦‹ã‚„ã™ã„ã®ã§ã€å€‹äººçš„ã«ã‚ˆã見るギャラリーサイトã®ã²ã¨ã¤ã§ã™ã€‚ Collect
アニメーションãŒå¿ƒåœ°ã‚ˆã„マテリアルデザインã®UIサンプル５é¸
å¾ã€…ã«æµ¸é€ã—ã¤ã¤ã‚ã‚‹Googleã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€å…ˆæ—¥ã‚ˆã†ã‚„ã日本語版も公å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ マテリアルデザインやマテリアルモーションã¯å®Ÿä¸–ç•Œã®ãƒ¢ãƒãƒ¼ãƒ•ã‚’用ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚ˆã‚Šç›´æ„Ÿçš„ã«UIを把æ¡ãƒ»èª˜å°Žã§ãるよã†ã«ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚詳ã—ãã¯ä»¥ä¸‹ã®è¨˜äº‹ã‚’ã”覧ãã ã•ã„。 UIデザインã®æ´å²ã«å¦ã¶ã‚·ãƒ£ãƒ‰ã‚¦ã¨å¥¥è¡Œãã®ä½¿ã„æ–¹ ã“ã®è¨˜äº‹ã§ã¯UIコンセプトやãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’ãŸãã•ã‚“掲載ã—ã¦ã„ã‚‹MaterialUpã‹ã‚‰ã€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’用ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ä¾‹ã‚’ピックアップã—ã¦ã”紹介ã—ã¦ã„ãã¾ã™ã€‚ã™ã¹ã¦CodePenã§å®Ÿè£…済ã¿ã®ä½œå“ãªã®ã§ã€è£å´ã®ã‚³ãƒ¼ãƒ‰ã‚’見ã¦å®Ÿè£…ã®ãƒ’ントã«å½¹ç«‹ã¦ã¦ãã ã•ã„。 MaterialUpã®ã‚ªã‚¹ã‚¹ãƒ¡UIã‚³ãƒ³ã‚»ãƒ—ãƒˆï¼•é¸ 1. ミュージックプレイヤー 楽曲å†ç”Ÿã‚¢ãƒ—リã®UIコンセプトã§ã™ã€‚プレイボタンを押ã™ã¨ã‚¸ãƒ£ã‚±ãƒƒãƒˆã‚„シークãƒãƒ¼ãŒãƒ¬ã‚³ãƒ¼ãƒ‰ã®ã‚ˆã†ã«å¤‰ã‚ã‚Šã‚¢
今ã©ãデザインã¯ã“ã‚Œï¼æ‹¡æ•£åž‹ã‚·ãƒ£ãƒ‰ã‚¦ã®åŸºæœ¬ã‹ã‚‰ä½œæˆæ–¹æ³•ã¾ã§ï¼ˆPSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« + HTML/CSSスニペット付）
最近ウェブサイトやUIデザインãªã©ã‚’見ã¦ã„ã‚‹ã¨ã€ãµã‚ã‚Šã¨æµ®ã„ã¦ã„るよã†ãªå¥¥è¡Œã感を表ç¾ã—ã¦ã„ã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯æ‹¡æ•£åž‹ã‚·ãƒ£ãƒ‰ã‚¦ï¼ˆè‹±: Diffuse Shadow）ã¨å‘¼ã°ã‚Œã‚‹æ–°ã—ã„グラフィックトレンドã§ã€2016å¹´ã«å…¥ã£ã¦å¤šã見ã‹ã‘るよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ã“ã®æ‹¡æ•£åž‹ã‚·ãƒ£ãƒ‰ã‚¦ã®åŸºæœ¬çš„ãªä½¿ã„方やã€Photoshopã‚„HTML/CSSãªã©ã«ã‚ˆã‚‹ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³æ–¹æ³•ã‚’ã€å‚考ã«ã—ãŸã„UIデザインã¨ä¸€ç·’ã«è¦‹ã¦ã„ãã¾ã—ょã†ã€‚ 拡散型ドãƒãƒƒãƒ—シャドウã£ã¦ä½•ï¼Ÿ 英語ã§ã‚‚ãã¡ã‚“ã¨ã—ãŸåå‰ã¯ã¾ã 決ã¾ã£ã¦ã„ãªã„よã†ã§ã™ãŒã€ã“ã®æ‹¡æ•£åž‹ã‚·ãƒ£ãƒ‰ã‚¦ï¼ˆè‹±: Diffuse Shadow）ã¨å‘¼ã°ã‚Œã‚‹ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€é€šå¸¸ã®ãƒ‰ãƒãƒƒãƒ—シャドウã«æ¯”ã¹ã€å¥¥è¡Œã感をより表ç¾ã§ãã¾ã™ã€‚フラットデザインã‹ã‚‰æ´¾ç”Ÿã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã®ã²ã¨ã¤ã¨ã‚‚言ãˆã€ä»Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’åæ˜ ã—ã¦ã„ã¾ã™ã€‚ Image Source: VOID Conf
レスãƒãƒ³ã‚·ãƒ–デザインã«ç›¸æ€§ãŒã„ã„ã€ã‚«ãƒ¼ãƒ‰åž‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å®Ÿè£…アイデアã®ã¾ã¨ã‚
カード型ã®UIã¯Pinterestã‹ã‚‰äººæ°—ãŒå‡ºå§‹ã‚ã€ã“ã“1,2å¹´ã®é–“ã«æ•°å¤šãã®Webサイトã§æŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚レスãƒãƒ³ã‚·ãƒ–デザインã«ç›¸æ€§ãŒéžå¸¸ã«ã‚ˆã„ã®ã‚‚人気ã§ã‚ã‚‹åŽŸå› ã®ä¸€ã¤ã§ã—ょã†ã€‚ 次ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã„ãŸããªã‚‹ã‚ˆã†ãªå®Ÿè£…アイデアを備ãˆãŸã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„カード型コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ããŒæ°—æŒã¡ã„ã„カード型UIã‹ã‚‰ã€‚
モãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIデザインã®å‚考ã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰10é¸
今回ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIデザインをã™ã‚‹ã¨ãã«å‚考ã«ãªã‚‹ç´ 晴らã—ã„スライドを紹介ã—ã¾ã™ã€‚ モãƒã‚¤ãƒ«ã‚¢ãƒ—リã¯Webデザインã¨ã¯ã¾ãŸç•°ãªã£ãŸè¦–点ãŒå¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚モãƒã‚¤ãƒ«ã‚¢ãƒ—リ特有ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã‚„ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ング手法ã«ã¤ã„ã¦å¦ã³ãŸã„æ–¹ã«ãŠã™ã™ã‚ã§ã™ï¼ アプリUI勉強会 in ãƒãƒƒãƒˆã‚¤ãƒ¤ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—
ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã¦ãŠããŸã„アプリã®UXを改善ã™ã‚‹10ã®æ–¹æ³•
ã‚¢ãƒ—ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€‚æ ªå¼ä¼šç¤¾ãƒžã‚¤ãƒŠãƒ¼ã‚¹ã‚¿ã‚¸ã‚ªæ‰€å±žã€‚主ã«æ‰±ã£ã¦ã„るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¯Swiftã€Rubyã€PHPã€Python。イカãŒå¥½ã。 ユーザーã«ã‚¹ãƒˆãƒ¬ã‚¹ãªãより良ã„ユーザー体験をæä¾›ã™ã‚‹ãŸã‚ã«ã¯ã€ç´°éƒ¨ã®UIデザインã«ã‚‚æ°—ã‚’ã¤ã‘ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。 今回ã¯ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã¦ãŠããŸã„UIデザインを紹介ã—ã¾ã™ã€‚ 1. エラー時ã¯å•é¡Œã®è§£æ±ºæ–¹æ³•ã‚‚載ã›ã‚‹ ãŸã¨ãˆã°ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¨ãƒ©ãƒ¼æ™‚ãªã©ã«ã¯ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«æŽ¥ç¶šã§ãã¾ã›ã‚“ã§ã—ãŸã€ã¨è¡¨ç¤ºã™ã‚‹ã ã‘ã§ãªãã€ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«æŽ¥ç¶šã§ãã¾ã›ã‚“ã§ã—ãŸã€‚Wi-fiã®è¨å®šã‚’確èªã®ã†ãˆã€ã‚‚ã†ä¸€åº¦ãŠè©¦ã—ãã ã•ã„ã€ã¨ã„ã†ã‚ˆã†ã«ã‚¨ãƒ©ãƒ¼ã®è§£æ±ºã«ã¤ãªãŒã‚‹æ–¹æ³•ã‚’明示ã—ãŸæ–¹ãŒã‚ˆã‚Šè¦ªåˆ‡ã§ã™ã€‚ 2. ç”»é¢ã‚’スワイプã§æˆ»ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ iPhone6, iPhone6 PlusãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€æœ€è¿‘ã§ã¯å¤§ç”»é¢ã®ãƒ‡ãƒã‚¤ã‚¹ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚片手æ“作ã®å ´åˆã€ç”»é¢ä¸Šéƒ¨ã«ã‚るボタンã«å±Šã‹ãªã„ã¨
Creative Gooey Effects | Codrops
Today we are going to show how to use SVG Filters to apply a gooey-like effect to HTML elements. We’ll first cover some basics of the technique and then we’ll demonstrate several creative use cases for common website elements, like menus, apps, selections, paginations and more. Let’s first dive into SVG Filters and understand how to apply them. SVG Filters With SVG Filters we can modify a given so
ブックマークã—ã¦ãŠããŸã„ï¼UIデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«å›°ã£ãŸæ™‚ã€å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ | コリス
Webサイトやアプリãªã©ã®UIデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«å›°ã£ãŸæ™‚ã®å‚考ã«ã€ãã—ã¦å‹‰å¼·ã«ãªã‚‹ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€UIã®ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€å‹•ããŒæ°—æŒã¡ã„ã„アニメーションã€å®Ÿè£…ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã€å®šæœŸçš„ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„サイトã°ã‹ã‚Šã§ã™ã€‚ UI Patterns ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒŠãƒ“ゲーションã€ãƒ‡ãƒ¼ã‚¿ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãªã©ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–性ã®é«˜ã„UIデザインã®ã•ã¾ã–ã¾ãªäº‹ä¾‹ã‹ã‚‰ã€UIã®å•é¡Œã‚’解決ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ターンãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒ³ãƒã—ã¦é–“ã‚‚ãªã„サイトã§ã™ãŒã€å†…容ã¯éžå¸¸ã«å……実ã—ã¦ã„ã¾ã™ã€‚ Collect UI Dribbbleã§UIデザインを探ã™äººã«ã¯ã€ã‹ãªã‚Šä¾¿åˆ©ã§ã™ã€‚日々アップãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹Dribbleã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®UIデザインã«é–¢ã™ã‚‹ã‚‚ã®ã®ã¿ã‚’コレクションã—ã¦ã„るサイトã§ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã‚‚ãƒãƒ¼ãƒ³ãƒã—ãŸã°ã‹ã‚Šã€ç™»éŒ²æ•°ã¯2,000
今年気ã«ãªã£ãŸãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ット − 2016 - NxWorld
今年（2016年）ã§è¦‹ã‹ã‘ã¦æ°—ã«ãªã£ãŸã‚‚ã®ã‚„ダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ットã®ã¾ã¨ã‚ã§ã™ã€‚ ãã®ã¾ã¾ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€ãƒ‘ーツやカラーã®çµ„ã¿åˆã‚ã›æ–¹ã‚’å‚考ã«ã—ãŸã‚Šã€ã©ã®ã‚ˆã†ãªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã‹ãªã©åˆ¶ä½œæ™‚ã®ãƒ’ントã«ç¹‹ãŒã‚‹å ´åˆã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 紹介ã—ã¦ã„ã‚‹UIã‚ットを使用ã™ã‚‹éš›ã¯ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ç‰ã¯å„自ã§å†åº¦ç¢ºèªã—ã¦ãã ã•ã„。
UXデザインやサービスデザインã«é–¢ã™ã‚‹å‹‰å¼·ä¼šãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã¾ã¨ã‚ã€2016年版】
ã“ã‚“ã«ã¡ã¯ã€@h0saã§ã™ã€‚ 昨年ã€UXデザインやサービスデザインã«é–¢ã™ã‚‹å‹‰å¼·ä¼šãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã¾ã¨ã‚ã€2016年版】ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã®ã§ã™ãŒã€æ€ã„ã®ã»ã‹é–²è¦§ã•ã‚Œã¦ã„るよã†ãªã®ã§ã€ä»Šå¹´ï¼ˆ20… UXデザイン系 UX JAM UX MILKã‚’é‹å–¶ã™ã‚‹æ ªå¼ä¼šç¤¾ã‚³ãƒã‚¯ãƒˆã‚¹ã‚¿ãƒ¼ãŒä¸»å‚¬ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã§ã™ã€‚僕もç¸ã‚ã£ã¦åˆå›žã®LTã«ç™»å£‡ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ã„ã‚ã„ã‚ã¨æ–°ã—ã„ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã‚’ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ä»Šå¾Œã®é€²åŒ–ãŒæ¥½ã—ã¿ã§ã™ã€‚ UX Sketch リクルートã®MTL (Media Technology Lab) 主催ã®ã‚¤ãƒ™ãƒ³ãƒˆã€‚未ã å‚åŠ ã§ããšã€‚ UXãªã¾ãƒˆãƒ¼ã‚¯ サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆä¸»å‚¬ã€‚åŒã˜ã未ã å‚åŠ ã§ããšã€‚ UXD/HCD ワイワイCAFE æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ãƒ»ã‚¨ãƒ ・ジェイ主催。éŽåŽ»ã«ä½•åº¦ã‹å‚åŠ ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ UX Japan Forum UX Japan Forum é‹å–¶å§”員会主催。昨年ã¯ç¦å²¡ã§é–‹å‚¬ã•ã‚Œã¾
ã¡ã‚‡ã£ã¨ã—ãŸå‹•ãã‚’åŠ ãˆã‚‹ã¨UIã¯é…力的ã«ãªã‚‹ï¼æ–°æ„Ÿè¦šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„UIデザインã®ã¾ã¨ã‚
次ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ’ントã«ã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªåˆºæ¿€ã«ãªã‚‹æ–°æ„Ÿè¦šã®å‹•ããŒé¢ç™½ã„CSSアニメーションを使ã£ãŸUIデザインを紹介ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸå‹•ããŒåŠ ã‚ã‚‹ã“ã¨ã§ã€UIã¯é…力的ã«ãªã‚Šã¾ã™ã。
ãŠã™ã™ã‚デザイン入門書10é¸ : could
ãŸã¾ã«ã¯æœ¬ã‚‚ã„ã‹ãŒã§ã™ã‹ï¼Ÿ セミナーやワークショップã®ã‚ã¨ã«è³ªå•ã‚’å—ã‘ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ã€ŒãŠã™ã™ã‚ã®æ›¸ç±ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿã€ã¨èžã‹ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ Web ã«ã¯è†¨å¤§ãªæƒ…å ±ãŒã‚ã‚Šã¾ã™ã—ã€è‹±èªžã¾ã§æ‰‹ã‚’広ã’ã‚‹ã¨ç ”究者ã«ã‚ˆã‚‹æ–‡çŒ®ã«ã‚‚アクセスã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã—ã€ã‚る特定ã®ãƒˆãƒ”ックをè¦æ‰€ã‚’è½ã¨ã•ãšå¦ã³ãŸã„ã¨ãã¯æ›¸ç±ãŒä¾¿åˆ©ã§ã™ã€‚ ç›®ã¾ãã‚‹ã—ã状æ³ãŒå¤‰ã‚ã‚‹ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦çŸ¥ã£ã¦ãŠãã¹ãé ˜åŸŸã‚‚åºƒã„今日ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ソフトウェアã®ä½¿ã„方を覚ãˆã‚‹ã“ã¨ã‚‚é‡è¦ã§ã™ãŒã€ä½œã‚‹ãŸã‚ã®è€ƒãˆæ–¹ã‚„ä¼ãˆãŸæ–¹ã‚’å¦ã¶ã“ã¨ã«å¤šãã®æ™‚間を費やã—ãŸã»ã†ãŒè‰¯ã„ã§ã—ょã†ã€‚自分ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ„図ãŒèª¬æ˜Žã§ãã¦ã€ã‚ˆã†ã‚„ãåŒåƒšã‚„クライアントã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç†è§£ã—ã¦ã‚‚らãˆã‚‹ã‹ã‚‰ã§ã™ã€‚ 今回ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦èªã‚“ã§ãŠããŸã„オススメã®å…¥é–€æ›¸ã‚’紹介。Web やアプリã«ç‰¹åŒ–ã—ãŸã‚‚ã®ã§ã¯ãªãã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ—ãƒãƒ€ã‚¯ãƒˆã«æºã‚るデザイナーã«å‘ã„ã¦ã„る書ç±ã‚’
スマホUI考（番外編） UIã‚„UXを劇的ã«æ”¹å–„ã™ã‚‹ã€ã€Žãƒ“ッグオー駆動型開発ã€ã¨ã¯ | fladdict
ã„ã¾ã€Žãƒ“ッグオー駆動型開発ã€ã¨ã‚ˆã°ã‚Œã‚‹é–‹ç™ºæ‰‹æ³•ãŒã€æ¥ç•Œã®ä¸€éƒ¨ã§æ³¨ç›®ã‚’集ã‚ã¦ã„る。 ãã®ç†ç”±ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã 。『ビッグオーã€ã¯éžå¸¸ã«å®‰ä¾¡ã§ç°¡å˜ãªæ‰‹æ³•ã§ã‚ã‚ŠãªãŒã‚‰ã€å¾“æ¥ã®é–‹ç™ºæ‰‹æ³•ã«æ¯”ã¹åŠ‡çš„ã«UIã‚„UXを改善ã§ãã‚‹ãŸã‚ã§ã‚る。 製å“コンセプトã®ã‚ˆã†ãªä¸Šæµã‹ã‚‰ã€ãƒœã‚¿ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã£ãŸä¸‹æµå·¥ç¨‹ã€ã•ã‚‰ã«ã¯ã‚°ãƒãƒ¼ã‚¹ãƒãƒƒã‚¯ã‚„プãƒãƒ¢ã¨ã„ã£ãŸãƒªãƒªãƒ¼ã‚¹å¾Œã®ãƒ•ã‚§ã‚¤ã‚ºã¾ã§ä¸€ã¤ã®æ‰‹æ³•ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティを評価ã§ãる。ã“ã®æ±Žç”¨æ€§ãŒãƒ“ッグオー駆動開発ã®å¤§ããªç‰¹å¾´ã§ã‚ã‚Šã€å°Žå…¥æ™‚ã®åˆ©ç‚¹ã¨ãªã‚‹ã€‚ 今回ã¯ã“ã®ãƒ“ッグオーã€ã®æ¦‚è¦ã¨å…·ä½“çš„ãªã‚„ã‚Šæ–¹ã«ã¤ã„ã¦è«–ã˜ãŸã„。Twitterã®UI拡張予言以æ¥ã€ä¹…ã—ã¶ã‚Šã®UI系エントリã§ã‚る。 ビッグオー駆動開発ã¨ã¯ä½•ã‹ï¼Ÿ ビッグオー駆動開発ã¯ã€æ£å¼ã«ã¯ã€ŽOKAN Driven Development（オカン駆動型開発）ã€ã¨ã‚ˆã°ã‚Œã‚‹é–‹ç™ºæ‰‹æ³•ã§ã‚る。 ã“ã‚Œã¯è‡ªåˆ†ã®ã‚ªã‚«ãƒ³ã‚’指標ã¨ã™ã‚‹ã“ã¨ã§ã€ä½Žã‚³ã‚¹ãƒˆ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://baseweb.design/
Collect UI
GitHub - andriussev/timelined: A customizable CSS-only vertical timeline
Muzli - Design Inspiration
UI Interactions of the week #10
UI Design Advent Calendar 2015 - Adventar
{{#tags}}- {{label}}
{{/tags}}