The Blog | Welcome to Adobe BlogThe Blog | Welcome to Adobe Blog アドビã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
CSSã§ã€Œä½™ç™½ã€ã‚’制ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å¥½ã‹ã‚Œã‚ˆã† - Qiita
余白を制ã™ã‚‹è€…ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’制ã™ã‚‹ らã—ã„。 ã„ã‚ã„ã‚ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¨˜äº‹ã‚’èªã‚“ã§ã¿ã¦ã‚‚ã€ã‚„ã¯ã‚Šä½™ç™½ã¯å¤§äº‹ã¨æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 「余白 デザインã€ã§ã‚°ã‚°ã£ã¦ã¿ã¦ã‚‚ã€è¨˜äº‹ãŒã‚ã‚“ã•ã‹å‡ºã¦ãã‚‹ã®ã§ã€ã‚„ã¯ã‚Šãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ä½™ç™½ã¯å¤§äº‹ã¿ãŸã„ã§ã™ã。 Webデザイナーã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒæ©ã¿å¯„ã‚‹ãŸã‚ã®Photoshopè±†çŸ¥è˜ ã“ã¡ã‚‰ã¯LIGã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚Œã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å´ãŒæ©ã¿å¯„ã‚ã†ãã¨ã„ã†å†…容ã®è©±ã§ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å´ã‚‚æ©ã¿å¯„ã£ã¦ã‚‚ã„ã„ã¯ãšã§ã™ã€‚ 最近ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒSketchã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒZeplinを見ãªãŒã‚‰å®Ÿè£…ã™ã‚‹ã¨ã„ã†ã®ãŒä¸»æµã«ãªã‚Šã¤ã¤ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ ãã‚Œã§ã‚‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã‚“ã§ãã¦ã„ãªã„ã®ã«ã„ããªã‚Šä½™ç™½ã‚’æ°—ã«ã—ã‚ã¨è¨€ã‚ã‚Œã¦ã‚‚ãªã‹ãªã‹é›£ã—ã„ã§ã™ã‚ˆã。 å°åˆ·ç‰©ã§ã—ãŸã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½œã£ãŸã‚‚ã®ãŒãã®ã¾ã¾å°åˆ·ã•ã‚Œã¦é…布ã•ã‚ŒãŸã‚ŠæŽ²ç¤ºã•ã‚ŒãŸã‚Šã™ã‚‹ã®ã§è‰¯ã„ã®ã§ã™ãŒã€Webやアプリã ã¨ãªã‹ãªã‹ã
2017å¹´ã«æ³¨ç›®ã•ã‚ŒãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’解説
2017å¹´ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¨ã£ã¦å¤šæ§˜æ€§ã®ä¸€å¹´ã§ã—ãŸã€‚ä¸ã§ã‚‚ユーザーフレンドリーã«æ³¨ç›®ã•ã‚ŒãŸå¹´ã¨è¨€ãˆã‚‹ã§ã—ょã†ã€‚ 2018å¹´ã“ã‚Œã‹ã‚‰ã®Webサイトã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§æŠ¼ã•ãˆã¦ãŠããŸã„インターフェイスデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚ Review of Popular Interface Design Trends in 2017 by Marina Yalanska 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 機能的ãªãƒŸãƒ‹ãƒžãƒªã‚ºãƒ ブルータリズム画åƒã«çµ±åˆã•ã‚ŒãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ アニメーションã™ã‚‹ãƒ’ーãƒãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ オリジナルã®ã‚¤ãƒ©ã‚¹ãƒˆ æž ç·šãŒãªã„レイアウト ã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ UIã«å„ªã—ã„ブランディング å˜è‰²ã®UI 進化ã—ãŸæš—ã„背景ã®ä½¿ã„æ–¹ æ–‡å—ã‚’èªã¾ã›ã‚‹ãŸã‚ã®ã‚¹ãƒšãƒ¼ã‚¹ コントラストを
Atomic Designã‹ã‚‰ã¿ãŸBootstrap｜Yoko Nishida
ã¯ã˜ã‚ã¾ã—ã¦ã€‚UIデザイナーã®@nikoko45ã§ã™ã€‚ 最近Webサービスã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„ã¦ã€ç‰¹ã«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã©ã†ã¾ã¨ã‚ãŸã‚‰è‰¯ã„ã®ã‹æ¨¡ç´¢ä¸ã§ã™ã€‚ユーザーã«ã¯ä¸€è²«ã—ãŸUIや世界観をæä¾›ã§ãã€é–‹ç™ºè€…ã«ã¯ã‚‚ã£ã¨åŠ¹çŽ‡çš„ã«ä½œæ¥ã‚¹ãƒ”ードをã‚ã’られる方法ã¯ãªã„ã‹è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ デザインガイドラインã§ç›®æŒ‡ã—ãŸã„ã“㨠一貫性ã®ã‚るデザインをç¶æŒã™ã‚‹ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ†ãƒ³ãƒ—レート作æˆã€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„レビューã®ã‚³ã‚¹ãƒˆã‚’å°‘ã—ã§ã‚‚減らã™ã“ã¨ãŒã‚´ãƒ¼ãƒ«ãªã®ã‹ãªã¨æ€ã£ã¦ã„ã¾ã™ã€‚（å‚考：一貫ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’é‹ç”¨ã™ã‚‹æ–¹æ³•ï¼‰ 色々記事をèªã¿æ¼ã£ãŸçµæžœã€ã©ã†ã‚„らデザインガイドラインã¨ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ•´ç†ã™ã‚‹ã«ã¯Atomic DesignãŒå½¹ç«‹ã¡ãã†ã¨ã„ã†ã“ã¨ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ Atomic DesignAtomic Designã¨ã¯ インターフェースã«å«ã¾ã‚Œã‚‹è¦ç´ ã‚’ã€
ã”ã‚ã‚“ãªã•ã„ã。 - Lopan.jp
Webデザインã¨ã‹ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¤ã„ã¦ã€çŸ¥ã£ã¦ã‚‹äº‹çŸ¥ã‚‰ãªã„事を展開ã™ã‚‹ã‚µã‚¤ãƒˆã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://twitter.com/i/moments/880688233641848832
ã€ç„¡æ–™DesignEvo-Free Online Logo Maker】ãƒã‚´ã‚’ç°¡å˜ã«ä½œæˆ
{{#tags}}- {{label}}
{{/tags}}