Photoshop Etiquette: A Guide to Discernible Web Design
They say a good designer is a meticulous one. “Sweat the details†and all of that. But how well does that ethos check out when we’re passing along PSDs? Take a look at a recent comp. Layers named? Original assets preserved with masks? We may be detail-oriented when it comes to prescribing layout and type, but the organization of our artwork suffers as a means to an end. Efficiency masquerades as g
å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック// Speaker Deck
å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
æºå¸¯ã‚µã‚¤ãƒˆã‚’作る時ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã¡ã‚‡ã£ã¨å¿…è¦ã«è¿«ã‚‰ã‚ŒãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã©ã†ã‚‚Twitterã‚„ã£ã¦ã‚‹ã¨iPhoneã‚„ Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã® 話題ã°ã‹ã‚Šãªã®ã§å¿˜ã‚Œãã†ã§ã™ãŒã€ æºå¸¯ã‚µã‚¤ãƒˆã¯ãƒ“ジãƒã‚¹ã«ã¯å¿…é ˆ ã§ã™ã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦è¨˜äº‹ã«ã€‚ 以å‰ã«ã‚‚何度ã‹ã¾ã¨ã‚記事ãŒè©±é¡Œã«ä¸ŠãŒã£ã¦ã„ã‚‹ã®ã§ä»Šæ›´æ„Ÿã‚‚å¦ã‚ã¾ã›ã‚“ãŒè‡ªåˆ†ã®ãƒ–ãƒã‚°ã«ã‚ã£ãŸã»ã†ãŒæŽ¢ã—ã‚„ã™ã„ã®ã§ãƒ¡ãƒ¢ã—ã¾ã™ã€‚ äºˆå‚™çŸ¥è˜ ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ユーザビリティ10ã®ãƒã‚¤ãƒ³ãƒˆ ファーストビューã®é‡è¦æ€§ã€è‰²ã®å¤§äº‹ã•ã€ãƒªãƒ³ã‚¯æ“作ã«é–¢ã—ã¦è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ユーザビリティ10ã®ãƒã‚¤ãƒ³ãƒˆ æºå¸¯ã‚µã‚¤ãƒˆï¼ˆhtml）ã®åˆ¶ä½œã«å…¥ã‚‹å‰ã«ç¢ºèªã—ã¦ãŠããŸã„ãƒã‚§ãƒƒã‚¯é …ç›® サンプルを元ã«è§£èª¬ã—ã¦ãã‚Œã¦ã„ã‚‹ã®ã§åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ æºå¸¯ã‚µã‚¤ãƒˆï¼ˆhtml）ã®åˆ¶ä½œã«å…¥ã‚‹å‰ã«ç¢ºèªã—ã¦ãŠããŸã„ãƒã‚§ãƒƒã‚¯é …ç›® æºå¸¯ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 5å¹´å‰ã®æƒ…å ±ãªã®ã§å‚考程度ã«ã€‚今ã¯éš
黄金比をサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å–り入れる簡å˜ãªï¼“ã¤ã®æ–¹æ³• | コリス
ãã®èª¿å’Œã•ã‚ŒãŸæ¯”率ã¯ã€ãƒˆãƒ©ãƒ³ãƒ—カードãªã©ã®æ—¥å¸¸çš„ãªã‚‚ã®ã‹ã‚‰ã€ã‚®ãƒªã‚·ã‚¢ã®ãƒ‘ルテノン神殿ã€ãƒŸãƒã®ãƒ´ã‚£ãƒ¼ãƒŠã‚¹ã€ãƒ¢ãƒŠãƒªã‚¶ãªã©ã®èŠ¸è¡“分野ã¾ã§ã€å¤šæ•°å˜åœ¨ã—ã¾ã™ã€‚ 黄金比を使ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ テクニックã¤ã„ã¦ã¯ã€ä¸‹è¨˜ã‚‚å‚考ã«ã©ã†ãžã€‚ 黄金比ã¨ã¯ã€é»„金比を使ã£ãŸã™ã”ã„デザインテクニックã®ã¾ã¨ã‚ -Webデザイン・紙デザイン㫠黄金比を矩形ã«ä½¿ç”¨ã™ã‚‹ 黄金比をマージンã«ä½¿ç”¨ã™ã‚‹ 黄金比をパーツã«ä½¿ç”¨ã™ã‚‹ 黄金比を矩形ã«ä½¿ç”¨ã™ã‚‹ サイトã§ä½¿ç”¨ã™ã‚‹ç”»åƒãªã©ã®çŸ©å½¢ã«é»„金比をé©å¿œã—ã¾ã™ã€‚ サンプルã§ã¯ã€144pxã¨233pxã®çµ„ã¿åˆã‚ã›ã‚’使用ã—ã¦ã„ã¾ã™ãŒã€ã€Œ1:1.6ã€ã‚’利用ã—ã¦100pxã¨160pxãªã©ç°¡æ˜“ãªã‚‚ã®ã§ã‚‚効果ã¯ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 黄金比を横長ã®çŸ©å½¢ã«ä½¿ç”¨ 黄金比をマージンã«ä½¿ç”¨ã™ã‚‹ レイアウトã«ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’å–り入れマージンを使用ã—ãŸå ´åˆã€æ•°ç¨®é¡žã®ã‚µã‚¤ã‚ºãŒå¿…è¦ã«ãªã‚‹å ´åˆãŒå¤šãã‚ã‚Šã¾ã™ã€‚ ãã®éš›ã€ï¼‘ã¤ã®å€¤
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}