モãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIデザインã®å‚考ã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰10é¸
今回ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIデザインをã™ã‚‹ã¨ãã«å‚考ã«ãªã‚‹ç´ 晴らã—ã„スライドを紹介ã—ã¾ã™ã€‚ モãƒã‚¤ãƒ«ã‚¢ãƒ—リã¯Webデザインã¨ã¯ã¾ãŸç•°ãªã£ãŸè¦–点ãŒå¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚モãƒã‚¤ãƒ«ã‚¢ãƒ—リ特有ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã‚„ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ング手法ã«ã¤ã„ã¦å¦ã³ãŸã„æ–¹ã«ãŠã™ã™ã‚ã§ã™ï¼ アプリUI勉強会 in ãƒãƒƒãƒˆã‚¤ãƒ¤ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—
ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã¦ãŠããŸã„アプリã®UXを改善ã™ã‚‹10ã®æ–¹æ³•
ã‚¢ãƒ—ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€‚æ ªå¼ä¼šç¤¾ãƒžã‚¤ãƒŠãƒ¼ã‚¹ã‚¿ã‚¸ã‚ªæ‰€å±žã€‚主ã«æ‰±ã£ã¦ã„るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¯Swiftã€Rubyã€PHPã€Python。イカãŒå¥½ã。 ユーザーã«ã‚¹ãƒˆãƒ¬ã‚¹ãªãより良ã„ユーザー体験をæä¾›ã™ã‚‹ãŸã‚ã«ã¯ã€ç´°éƒ¨ã®UIデザインã«ã‚‚æ°—ã‚’ã¤ã‘ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。 今回ã¯ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã¦ãŠããŸã„UIデザインを紹介ã—ã¾ã™ã€‚ 1. エラー時ã¯å•é¡Œã®è§£æ±ºæ–¹æ³•ã‚‚載ã›ã‚‹ ãŸã¨ãˆã°ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¨ãƒ©ãƒ¼æ™‚ãªã©ã«ã¯ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«æŽ¥ç¶šã§ãã¾ã›ã‚“ã§ã—ãŸã€ã¨è¡¨ç¤ºã™ã‚‹ã ã‘ã§ãªãã€ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«æŽ¥ç¶šã§ãã¾ã›ã‚“ã§ã—ãŸã€‚Wi-fiã®è¨å®šã‚’確èªã®ã†ãˆã€ã‚‚ã†ä¸€åº¦ãŠè©¦ã—ãã ã•ã„ã€ã¨ã„ã†ã‚ˆã†ã«ã‚¨ãƒ©ãƒ¼ã®è§£æ±ºã«ã¤ãªãŒã‚‹æ–¹æ³•ã‚’明示ã—ãŸæ–¹ãŒã‚ˆã‚Šè¦ªåˆ‡ã§ã™ã€‚ 2. ç”»é¢ã‚’スワイプã§æˆ»ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ iPhone6, iPhone6 PlusãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€æœ€è¿‘ã§ã¯å¤§ç”»é¢ã®ãƒ‡ãƒã‚¤ã‚¹ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚片手æ“作ã®å ´åˆã€ç”»é¢ä¸Šéƒ¨ã«ã‚るボタンã«å±Šã‹ãªã„ã¨
最近ã®Webã®UIデザインã§æŽ¡ç”¨ã•ã‚Œã¦ã„るナビゲーションã®ãƒ‘ターン16種類ã®ã¾ã¨ã‚
最近ã®Webã®UIデザインã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ã•ã¾ã–ã¾ãªãƒŠãƒ“ゲーションã®å称ã¨ãã®å½¹å‰²ã€ä½¿ã†æ™‚ã®ãƒã‚¤ãƒ³ãƒˆã‚’「Web UI Design Patterns 2016ã€ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 検索ã®ãƒŠãƒ“ゲーションã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç‰¹å®šã®ä½•ã‹ã‚’探ã—ã¦ã„ã¦ã€ãã‚ŒãŒã©ã“ã«ã‚ã‚‹ã‹åˆ†ã‹ã‚‰ãªã„時ã«ç›´æŽ¥ãã®ä½•ã‹ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 最も基本的ãªãƒ‘ターンã¯ãƒ¡ã‚¤ãƒ³ã®ãƒŠãƒ“ゲーションã«æ¤œç´¢ã®ã‚ªãƒ—ションã¨ã—ã¦å«ã‚ã‚‹ã“ã¨ã§ã€å³ä¸Šã«é…ç½®ã™ã‚‹ã®ãŒäººæ°—ã§ã™ã€‚虫眼é¡ã‚¢ã‚¤ã‚³ãƒ³ã‚’æ·»ãˆãŸã‚Šã€ãƒ‰ãƒãƒƒãƒ—ダウンã§æ‹¡å¼µã—ãŸæ¤œç´¢æ©Ÿèƒ½ã«ã—ã¦ã‚‚よã„ã§ã—ょã†ã€‚ Notifications: 通知 ユーザーãŒä½•ã‚‰ã‹ã®æ“作をã—ãŸæ™‚ã€ã‚‚ã—ãã¯æ–°ã—ã„内容をä¼ãˆã‚‹æ™‚ã«çŸ¥ã‚‰ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 通知ãŒæ™®åŠã—ãŸã®ã¯ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã‚µã‚¤ãƒˆã«ãŠã‘るプッシュコンテンツã®å½±éŸ¿ãŒå¤§ããã€ä»–ã®ã‚µã‚¤ãƒˆã§ã‚‚通知を利用ã—ã¦æ–°ã—ã„コンテンツやプãƒãƒ€ã‚¯ãƒˆã‚„コメントを知らã›ã‚‹ã‚ˆã†ã«ãªã‚Š
Hamburgers
Table of Contents Usage Sass Customization Accessibility Browser Support Usage Using Hamburgers for your site is easy (well, that was my intention anyway). Download and include the CSS in the <head> of your site: <link href="dist/hamburgers.css" rel="stylesheet"> Add the base hamburger markup: <button class="hamburger" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></spa
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ブックマークã—ã¦ãŠããŸã„ï¼UIデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«å›°ã£ãŸæ™‚ã€å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ | コリス
Webサイトやアプリãªã©ã®UIデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«å›°ã£ãŸæ™‚ã®å‚考ã«ã€ãã—ã¦å‹‰å¼·ã«ãªã‚‹ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€UIã®ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€å‹•ããŒæ°—æŒã¡ã„ã„アニメーションã€å®Ÿè£…ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã€å®šæœŸçš„ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„サイトã°ã‹ã‚Šã§ã™ã€‚ UI Patterns ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒŠãƒ“ゲーションã€ãƒ‡ãƒ¼ã‚¿ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãªã©ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–性ã®é«˜ã„UIデザインã®ã•ã¾ã–ã¾ãªäº‹ä¾‹ã‹ã‚‰ã€UIã®å•é¡Œã‚’解決ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ターンãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒ³ãƒã—ã¦é–“ã‚‚ãªã„サイトã§ã™ãŒã€å†…容ã¯éžå¸¸ã«å……実ã—ã¦ã„ã¾ã™ã€‚ Collect UI Dribbbleã§UIデザインを探ã™äººã«ã¯ã€ã‹ãªã‚Šä¾¿åˆ©ã§ã™ã€‚日々アップãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹Dribbleã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®UIデザインã«é–¢ã™ã‚‹ã‚‚ã®ã®ã¿ã‚’コレクションã—ã¦ã„るサイトã§ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã‚‚ãƒãƒ¼ãƒ³ãƒã—ãŸã°ã‹ã‚Šã€ç™»éŒ²æ•°ã¯2,000
ã¡ã‚‡ã£ã¨ã—ãŸå‹•ãã‚’åŠ ãˆã‚‹ã¨UIã¯é…力的ã«ãªã‚‹ï¼æ–°æ„Ÿè¦šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„UIデザインã®ã¾ã¨ã‚
次ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ’ントã«ã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªåˆºæ¿€ã«ãªã‚‹æ–°æ„Ÿè¦šã®å‹•ããŒé¢ç™½ã„CSSアニメーションを使ã£ãŸUIデザインを紹介ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸå‹•ããŒåŠ ã‚ã‚‹ã“ã¨ã§ã€UIã¯é…力的ã«ãªã‚Šã¾ã™ã。
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
æ¯ç§‘予約システムã®æ²»ç™‚å±¥æ´ç”»é¢ï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³ç·¨1） | ツクãƒã‚¢ - DESIGN LAB
「ãªãœã“ã†ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ãŸã®ã‹ã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã‚·ãƒªãƒ¼ã‚ºã€‚ å‰å›žã¾ã§ã¯ã€æƒ…å ±ã®ã‚°ãƒ«ãƒ¼ãƒ”ングã‹ã‚‰ã€æ¯ã®ç•ªå·ã®å›³ã‚’ã©ã†å…¥ã‚Œã‚‹ã‹ã€ã¨æ—¥ä»˜ã®ç§˜å¯†ã‚’ãŠä¼ãˆã—ã¾ã—ãŸã€‚ æ¯ç§‘予約システムã®3回目ã®ä»Šå›žã¯ã€ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ç·¨1ã€ã¨ã—ã¦ã©ã†ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ã«å±•é–‹ã§ãã‚‹ã‹ã€ãã—ã¦ãã®æ„味を解説ã—ã¦ã„ãã¾ã™ã€‚ 色ã«ã¤ã„ã¦ã¯æ¬¡å›žã«ã€‚。 å‰å›žã¾ã§ã®è©±ã‚’èªã‚“ã§ã„ãªã„æ–¹ã¯ã¾ãšã“ã¡ã‚‰ã‹ã‚‰ãŠèªã¿ãã ã•ã„。 æ¯ç§‘予約システムã®æ²»ç™‚å±¥æ´ç”»é¢ï¼ˆåŸºæœ¬ï¼‰ ｜ DESIGN LAB by tuqulore æ¯ç§‘予約システムã®æ²»ç™‚å±¥æ´ç”»é¢ï¼ˆå¿œç”¨ï¼‰ ｜ DESIGN LAB by tuqulore å‰å›žã®è¨˜äº‹ã«é–¢ã—ã¦å—ã‘ãŸæŒ‡æ‘˜ ã•ã¦æœ¬é¡Œã«å…¥ã‚‹å‰ã«ã€å‰å›žã®å¿œç”¨ç·¨ã§æ¯ã®ç•ªå·ã®å›³ã‚’入れãŸã‚ã‘ã§ã™ãŒã€SNSã§æ¬¡ã®ã‚ˆã†ãªæŒ‡æ‘˜ãŒå…¥ã‚Šã¾ã—ãŸã€‚ 「カルテã£ã¦ã€ãµã¤ã†å·¦å³é€†ã«æ›¸ãã‚‚ã‚“ã˜ã‚ƒãªã„ã§ã™ã‹ï¼Ÿã€ ãŸã—ã‹ã«ï¼ï¼ 整形外科ã®ã‚«ãƒ«ãƒ†ãªã©ã‚’見ã¦ã‚‚
é…”ã£æ‰•ã£ã¦UXレビューをã—ã¦å¦ã‚“ã 10ã®ã“㨠| POSTD
フリーボーナスガイド：ã‚ãªãŸã¯ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®UXデザイナã§ã™ã‹ï¼Ÿã€€ãƒ“ジãƒã‚¹ã®æˆé•·ã‚’åŠ é€Ÿã™ã‚‹ã®ã«å¿…è¦ãªå…¨ã¦ãŒã“ã®ç·åˆã‚¬ã‚¤ãƒ‰ã«è©°ã¾ã£ã¦ã„ã¾ã™ã€‚ ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ 。 ã“ã‚“ã«ã¡ã¯ã€‚ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€ä¸€èˆ¬çš„ãªè¨˜äº‹ã®ã‚ˆã†ã«ãƒ¢ãƒŽãƒãƒ¼ã‚°çš„ã«æ›¸ã„ã¦ã„ãã®ã§ã¯ãªãã€èªè€…ã®æ–¹ã¨ã„ããªã‚Šå¯¾è©±ã™ã‚‹ã‚ˆã†ãªå½¢ã§å§‹ã‚ãŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ç§ã¯Richardã§ã™ã€‚ The User Is Drunk（利用者ã¯é…”ã£ã¦ã„る） ã‚’é‹å–¶ã—ã¦ã„ã¾ã™ã€‚The User Is Drunkã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ›ãƒ¼ãƒ ページãŒé…”ã£æ‰•ã„ã«ã©ã‚“ãªé¢¨ã«è¦‹ãˆã¦ã„ã‚‹ã‹ã€ã¨ã„ã†ã®ã‚’彼らã«ä¼ãˆã‚‹ãŸã‚ã«ã€ç§ãŒæ•°ã‚«æœˆå‰ã«ç«‹ã¡ä¸Šã’ãŸã‚µã‚¤ãƒˆã§ã™ã€‚ æ‰‹é †ã¯ã“ã‚“ãªå…·åˆã§ã™ã€‚ã¾ãšã¯ç§ãŒé…’を飲んã§é…”ã£æ‰•ã„ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®Webサイトを見ã¾ã™ã€‚ãã—ã¦ã€ã©ã†ã‚„ã£ãŸã‚‰ãã®ã‚µã‚¤ãƒˆãŒã‚‚ã£ã¨è‰¯ããªã‚‹ã‹ã‚’ã€æ™®é€šã®åˆ©ç”¨è€…ã®è¦–点ã§è€ƒãˆã¾ã™ã€‚ã¤ã¾ã‚Šã€ç§ã®å°±æ¥æ™‚é–“ã¯é€šå¸¸ã¯å¤œã«ãªã‚Š
物ç†ã‚µãƒ¼ãƒã‚’é¸å®šã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆ – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
スマフォアプリã§è¦‹ã‚‹ UI ã®æ°—付ã
ã“ã®è¨˜äº‹ã¯ã€Œ#UI Design Advent Calendar 2015ã€ç¬¬18日目ã®è¨˜äº‹ã§ã™ã€‚ スマフォアプリã®æ™®åŠã«ã‚ˆã‚Šã€UI デザインã®éœ€è¦ã¯å¹´ã€…増ã—ã¦ã„ã¾ã™ã€‚最近ã«ãªã£ã¦ã‚¢ãƒ—リ㮠UI デザイナーã¨ã—ã¦ãŠä»•äº‹ã‚’始ã‚られãŸæ–¹ã‚‚多ã„ã‹ã¨æ€ã„ã¾ã™ã€‚UI デザインã¯ã€åŽŸå‰‡ã‚„関連知è˜ã®ç†è§£ã‚’æ·±ã‚ã‚‹ã“ã¨ã‚‚é‡è¦ã§ã™ãŒã€ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã¨ã—ã¦ã¿ã‚‹ã“ã¨ã§ã‚¹ã‚ルã®ç¿’å¾—ã‚‚æ—©ããªã‚Šã¾ã™ã€‚ 今回ã¯ã€ã“ã‚Œã¾ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®è¦³ç‚¹ã§ç›£ä¿®ã—ãŸã‚¢ãƒ—リ UI ã®ä¸ã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストã®ã‚¹ã‚³ã‚¢ãƒªãƒ³ã‚°ãŒä½Žããªã‚‹å‚¾å‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンをã”紹介ã—ã¾ã™ã€‚ãれらã¯å°‘ã—見直ã™ã ã‘ã§ã‚¹ã‚³ã‚¢ãŒæ”¹å–„ã•ã‚Œã‚‹ã¨ã„ã†ã®ã‚‚ã¾ãŸç‰¹å¾´ã§ã™ã€‚ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªå¤±æ•— UI ケースã®å…¥é–€ã¨ã—ã¦ã€ã”å‚考ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ スコアリングã®æŒ‡æ¨™ アプリ UI ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ測定ã«ã¯ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティや他ã®å®šç¾©ã‚’考慮ã™ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã®ã‚¹ã‚³ã‚¢ãƒª
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
2015å¹´ã®ã‚²ãƒ¼ãƒ UI/UXを振り返る
今年ã¯å¤§è¢ˆè£Ÿãªè¦‹å‡ºã—を考ãˆãŸã¨ã“ã‚ã§ï¼˜å‰²æ–¹ç‡ƒãˆå°½ãã¾ã—ãŸã€‚ ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚デザイナー㮠ãã® ã§ã™ã€‚ 今回ã¯ã€UX Tokyo Advent Calendar 2015】 ã®7日目ã¨ã—ã¦ãŠé€ã‚Šã—ã¾ã™ã€‚ 今年も僕ã¯ã‚²ãƒ¼ãƒ ã®UI制作ã®ç¾å ´ã§åƒã„ã¦ã„ã¾ã™ã€‚ サービスã§ã¯ãªãコンテンツã®åˆ¶ä½œã¨ãªã‚‹ã‚²ãƒ¼ãƒ ã®ç¾å ´ã§ã¯ã€UIã‚‚UX一緒ã«è€ƒãˆã‚‹æ©Ÿä¼šã°ã‹ã‚Šã§ã™ã€‚ （ãã‚“ãªç¾å ´ã®æ§˜åã¯åŽ»å¹´ã®ãƒ–ãƒã‚°ã‚’ã”らんãã ã•ã„） ãªã®ã§ã€æ¥ç•Œé–¢ä¿‚者ã‹ã‚‰ã¯åˆºã•ã‚Œã‚‹è¦šæ‚Ÿã§ã€ŒUI/UXã€ã¨ã„ã†æ‹¬ã‚Šã§ä»Šå›žã¯ä»Šå¹´ã®ã‚²ãƒ¼ãƒ を振り返ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 今年ã¯ã„ã‚ã‚“ãªã‚²ãƒ¼ãƒ ã‚’éŠã‚“ã§ã„ãä¸ã§ã€ãŠã£ã¨æ€ã£ãŸãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ æžœãŸã—ã¦ãã‚ŒãŒæ¥å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãªã®ã‹ã€ãã‚Œã¨ã‚‚・・・。 年越ã—ã«ã¯å°‘ã—æ—©ã„ã§ã™ãŒã€ä¸€ç·’ã«æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã—ょã†ã€‚ 1. ユーザーã¯ãƒ‡ãƒ¼ã‚¿å®¹é‡ã«æ•æ„Ÿ [ç”»åƒï¼šã‚¢ã‚¤ãƒ‰ãƒ«ãƒžã‚¹ã‚¿ãƒ¼ã‚·ãƒ³ãƒ‡ãƒ¬ãƒ©ã‚¬ãƒ¼ãƒ«ã‚º スターライトステージ]
メガメニュー・メガドãƒãƒƒãƒ—メニューを実装ã—ã¦ã„ã‚‹webデザインã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ - NxWorld
æƒ…å ±é‡ãŒå¤šã„サイトã§ç‰¹ã«è¦‹ã‹ã‘ã‚‹ã“ã¨ãŒå¤šã„ã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒ»ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—メニューを実装ã—ã¦ã„ã‚‹webデザインã®ã¾ã¨ã‚ã§ã™ã€‚ メガメニュー・メガドãƒãƒƒãƒ—メニューã¨ã¯è¡¨ç¤ºé¢ç©ãŒåºƒã„ドãƒãƒƒãƒ—ダウンメニューã®ã“ã¨ã§ã€ä¸Šæ‰‹ã利用ã™ã‚Œã°ã‚¹ãƒšãƒ¼ã‚¹ã‚’有効活用ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç›®çš„ã®ãƒšãƒ¼ã‚¸ã¾ã§å®¹æ˜“ã«è¾¿ã‚Šç€ã‘るよã†ãªãƒŠãƒ“ゲーションを実装ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ホãƒãƒ¼å±•é–‹ã™ã‚‹ã‚‚ã®ã€ã‚¯ãƒªãƒƒã‚¯å±•é–‹ã™ã‚‹ã‚‚ã®ã€ãƒ†ã‚ストã®ã¿ã‚’使用ã—ãŸã‚‚ã®ã€ã‚ã‹ã‚Šã‚„ã™ã„ç”»åƒãƒ»ã‚¢ã‚¤ã‚³ãƒ³ã‚’用ã„ãŸã‚‚ã®ãªã©ã€åŒã˜ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã‚‚様々ãªè¡¨ç¤ºæ–¹æ³•ã‚„デザインãŒã‚ã‚‹ã®ã§ã€è‡ªåˆ†ãŒã“ã†ã„ã£ãŸå‹•ãやデザインをã—ãŸã„ã¨ãã«å‚考ã«ã•ã›ã¦ã‚‚らãˆãã†ãªwebデザインを備忘録兼ãã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ 紹介ã—ã¦ã„るサイトã®ã‚ャプãƒãƒ£ã¯ã€ãã‚Œãžã‚Œãƒ›ãƒãƒ¼ã—ã¦ã‚‚らã†ã¨ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºæ™‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ ページ左上ã®ãƒã‚´ä¸‹ã«ã‚るカテゴリーã«ãƒ›ãƒãƒ¼ã™ã‚‹ã¨å„カテゴリーãŒè¡¨ç¤ºã•ã‚Œã€æ›´
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
最近ã®Webデザインã§æŽ¡ç”¨ã•ã‚Œã¦ã„るページレイアウトやUIã®æ–°å¸¸è˜ãŒãƒã‚§ãƒƒã‚¯ã§ãã‚‹ç´ æã®ã¾ã¨ã‚
最近ã®Webã®UIã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»Material DesignãŒç€å®Ÿã«é€²åŒ–ã—ã€ã‚·ãƒ³ãƒ—ルã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®šç€ã—ã¦ãã¾ã—ãŸã€‚テã‚ストã¯èªã¿ã‚„ã™ãã€å†™çœŸã¯ã‚ˆã‚Šå¤§ãã使用ã•ã‚Œã¦ã„ã¾ã™ã€‚レイアウトã¯ç¸¦é•·åž‹ã‚„カード型ã®äººæ°—ãŒé«˜ãã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã‚‚スマホã§ã‚‚スクãƒãƒ¼ãƒ«ã‚’å‰æã«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¸»æµã¨ãªã£ã¦ã„ã¾ã™ã€‚ 最近ã®Webデザインã§æŽ¡ç”¨ã•ã‚Œã¦ã„るページレイアウトやUIã®æ–°å¸¸è˜ãŒãƒã‚§ãƒƒã‚¯ã§ãã‚‹ç´ æやプレビューを紹介ã—ã¾ã™ã€‚ Boring Cards UI Kit PSDã€å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€‚ Bootstrap 4ã§ã‚‚æ–°ã—ã„コンãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„るカードを使用ã—ãŸUIã‚ット。黄金比をベースã«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã•ã¾ã–ã¾ãªã‚µã‚¤ã‚ºãƒ»ã‚«ãƒ©ãƒ¼ã§å±•é–‹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://inspirationui.com/
UIデザインã¯èª°ã®ã‚‚ã®ï¼Ÿ
{{#tags}}- {{label}}
{{/tags}}