Webデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ãï¼2014年上åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
2014年上åŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIデザインをDribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ å„アートワークã¯å¤§ãã„サイズã®ç”»åƒã‚„PSDをダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€æ°—ã«ãªã£ãŸã‚‚ã®ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 アートワークã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifも多ã„ã®ã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã‚µã‚¤ã‚ºãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚‹ãŸã‚最åˆã®ä¸€ã¤ã ã‘ã§ã™ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒªãƒ³ã‚¯å…ˆã§ã€‚
分ã‹ã‚Šã‚„ã™ã„UIを考ãˆã‚‹ã¨ãã«å‚考ã«ã—ãŸã„34ã®ã‚¢ã‚¤ãƒ‡ã‚¢ | mah365
GoodUIã¨ã„ã†ã‚µã‚¤ãƒˆã§ã¯ã€ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’上ã’ã‚‹ã¨ãã«å‚考ã«ã—ãŸã„34ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’紹介ã—ã¦ã„ã¾ã™ï¼ˆã©ã‚“ã©ã‚“è¿½åŠ ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ï¼‰ã€‚ã¨ã¦ã‚‚å‚考ã«ãªã£ãŸã®ã§ã€ã‚¿ã‚¤ãƒˆãƒ«ã ã‘日本語訳ã—ã¦ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚ãˆã¦æ„訳ã—ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ãŒã€è‹±èªžçš„ã«å®Œå…¨ã«é–“é•ã£ã¦ã„る部分ãŒã‚ã‚Œã°ã€ã”指摘下ã•ã„。 マルãƒã‚«ãƒ©ãƒ レイアウトã«ã™ã‚‹ã‚ˆã‚Šã€ã‚·ãƒ³ã‚°ãƒ«ã‚«ãƒ©ãƒ レイアウトã«ã—ã¦ã¿ã‚ˆã†ã€‚ ã™ãã«ã‚¯ãƒãƒ¼ã‚¸ãƒ³ã‚°ã™ã‚‹ã‚ˆã‚Šã€ãƒ—レゼントを与ãˆã¦ã¿ã‚ˆã†ã€‚ UIã‚’æ–片化ã•ã›ã‚‹ã‚ˆã‚Šã€ä¼¼ãŸã‚ˆã†ãªæ©Ÿèƒ½ã‚’çµ±åˆã—ã¦ã¿ã‚ˆã†ã€‚ 自分ã§è‡ªåˆ†è‡ªèº«ã‚’語るよりã€ãƒ–ランドã®ã‚る誰ã‹ã«èªžã‚‰ã›ã¦ã¿ã‚ˆã†ã€‚ é‡è¦ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã¯1回ã ã‘見ã›ã‚‹ã‚ˆã‚Šã€ä½•å›žã‚‚ç¹°ã‚Šè¿”ã—ã¦è¡¨ç¤ºã—ã¦ã¿ã‚ˆã†ã€‚ クリックã§ãる・é¸æŠžã§ãるアイテムã¯ã€ã¼ã‹ã•ãšæ˜Žç¢ºã«ã‚¹ã‚¿ã‚¤ãƒ«ã—ã¦ã¿ã‚ˆã†ã€‚ é¸ã‚“ã§æ¬²ã—ã„ã‚‚ã®ã‚’並列ã§ä¸¦ã¹ã‚‹ã‚ˆã‚Šã€ã‚ªã‚¹ã‚¹ãƒ¡ã‚’強調ã—ã¦ã¿ã‚ˆã†ã€‚ ã„ã¡ã„ã¡ç¢ºèªã‚’å–るよりã€Undo
ã€ä¿å˜ç‰ˆã€‘å•åˆã›ã‚’劇的ã«å¢—ã‚„ã™ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ 最é©åŒ–（EFO）15ã®æ–¹æ³•ï½œMarTechLab（マーテックラボ）
皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚ギャプライズ鎌田（@kamatec）ã§ã™ã€‚ 今日ã¯éŽåŽ»ç§ãŒæ•°ç™¾ç¤¾ã¨ã„ã†ä¼æ¥ã®ãƒ—ランニング・é‹ç”¨ã‚’ã—ã¦ããŸä¸ã§å®Ÿè¨¼ã—ãŸã€ 最も「手早ãã€ã€Œç¢ºå®Ÿã«ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’伸ã°ã™æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ ãã‚ŒãŒEFOã€ã¤ã¾ã‚Šã€Œã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ ã®æœ€é©åŒ–ã€ã§ã™ã€‚ Webサイトをリニューアルã—ãªãã¨ã‚‚ã€LPを作らãªãã¨ã‚‚〠エントリーフォームを変ãˆã‚‹ã ã‘ã§ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯åŠ‡çš„ã«å¤‰ã‚ã‚‹ã®ã§ã™ã€‚ 実際ã®äº‹ä¾‹ã‚’ã„ãã¤ã‹ã”紹介ã—ã¾ã—ょã†ã€‚ Case1：ブライダル系サービスã®EFO事例 http://www.primavera-wedding.co.jp Case2:ギャプライズクリックテールサイトã®EFO事例 https://contentsquare.gaprise.jp/ Case3:システム系BtoBサービスã®EFO事例 ã“れらã®äº‹ä¾‹ã¯ã„ãšã‚Œã‚‚変更ã—ãŸã®ã¯ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ ã ã‘ã§ã™ã€‚ 特ã«ãƒ•ã‚©
様々ãªãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒç¢ºèªå‡ºæ¥ã‚‹ã€ŒMobileTuxedoã€ãŒç†±ã„
発見ã—ã¦è¨˜äº‹æ›¸ã始ã‚ã¦ã€ã‚‚ã—ã‚„ä»–ã§ã‚‚紹介ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã¨æ€ã£ãŸã‚‰ã‚³ãƒªã‚¹ã•ã‚“ã¨ã‹ã§ã‚‚紹介ã•ã‚Œã¦ãŸã€‚ãªã®ã§æ›¸ãã®ä¸€åº¦ã‚„ã‚ã¦ãŸã®ã§ã™ãŒã€ã‚„ã£ã±ã‚Šã“ã®ã‚µã‚¤ãƒˆã¯ã€ã‚‚ã£ã¨åºƒã知られるã¹ãã‹ã¨æ€ã£ã¦ã”紹介。 ãªã‚“ã¨ã„ã†ã‹ã€ãã£ã¡ã‚Šçµžã£ã¦ã¾ã¨ã‚ã‚‹ã£ã¦ã„ã†ã®ã¯ãã‚Œã ã‘ã§ä¾¡å€¤ãŒã‚ã‚‹ã‚“ã ãªã¨æ„Ÿã˜ã•ã›ã‚‰ã‚Œã‚‹Webサイトã§ã‚‚ã‚ã‚Šã¾ã™ã‚ˆã。 ç´ æã€ãƒ‡ã‚¶ã‚¤ãƒ³ãªã‚“ã§ã‚‚ã‚ã‚Š 特ã«æ³¨åŠ›ã—ãŸã„ã®ãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®è±Šå¯Œã•ã€‚ UI Patterns | Mobile Tuxedo ã¨ã«ã‹ã豊富ãªãƒªã‚½ãƒ¼ã‚¹ã€‚ モãƒã‚¤ãƒ«ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ä¸ã§ã‚‚カテゴリãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ナビゲーション コメントインターフェイス ãƒã‚°ã‚¤ãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ 写真ギャラリーインターフェイス ã“ã®ä»–ã€ãƒžãƒƒãƒ—やサインアップインターフェイスã€è¨å®šç”»é¢ã€é›»å“ãªã©è‰²ã€…ã‚ã‚Šã¾ã™ã®ã§ã€ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºè€…ãªã‚‰ä¸€åº¦ã¯ç›®ã‚’通ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 ã¾ãŸã‚¤ãƒ³ã‚¿ãƒ¼
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}