デザインã®ãƒ¬ãƒ™ãƒ«ã‚’上ã’ã‚‹ï¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„タイãƒã‚°ãƒ©ãƒ•ã‚£ã«é–¢ã™ã‚‹ã¾ã¨ã‚ - コムテブãƒã‚°TL;DR 先日å刺ã®å…¥ç¨¿ç”¨ãƒ‡ãƒ¼ã‚¿ã‚’作æˆã—ã¦ã„ãŸã®ã§ã™ãŒã€å°åˆ·ç‰©ç”¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯æ…£ã‚Œã¦ã„ãªã‹ã£ãŸã®ã§çµæ§‹æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚Web 関係ã®çŸ¥è˜ã ã‘ã§ã¯ã€ç¶ºéº—ãªåˆ¶ä½œç‰©ã¯å‡ºæ¥ãªã„ã¨æ€ã„ã€ç·åˆçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãるよã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã‚’勉強。今回㯠Web 関係者も知ã£ã¦ãŠããŸã„ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚„フォントã«é–¢ã™ã‚‹çŸ¥è˜ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ã¾ãŸä½¿ã†æ©Ÿä¼šãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã€ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ レイアウト 視覚的ã«æ˜Žå¿«ã§ä¸Šæ‰‹ã«é…ç½®ã•ã‚ŒãŸã‚‚ã®ã¯èªè€…ã«å¥½ã¾ã‚Œã¾ã™ã€‚ãã†ã„ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’作るãŸã‚ã«ã€ä½™ç™½ã®ä½¿ã„方や文å—ã‚„ç”»åƒé…ç½®ãªã©ã®çŸ¥è˜ã‚’ãŠã•ã‚‰ã„ã—ã¾ã™ã€‚ １．アクティブ・ホワイトスペース å°ã•ãªãƒ†ã‚ストを広ã„余白ã«é…ç½®ã™ã‚‹ã¨å˜åœ¨æ„ŸãŒå¢—ã—ã€è¦–ç·šã®æ»žåœ¨æ™‚é–“ãŒé•·ããªã‚Šã¾ã™ã€‚余白ã¯ä¸€è¦‹ç„¡é§„ã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€æ„図的ã«é…ç½®ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ 余白ã®ç¾Ž 空白ã«ã‚ˆã‚Šèªè€…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®èªã¿é€²ã‚を制御ã™ã‚‹ã“ã¨ãŒã§ã
æ–°ç€è¨˜äº‹
{{#tags}}- {{label}}
{{/tags}}