Basic Design NoteCLOSED This site has been closed. 当ブãƒã‚°ã¯2022å¹´12月30日をもã£ã¦é–‰éŽ–ã—ã¾ã—ãŸã€‚ é–‹è¨ã‹ã‚‰10å¹´é–“ã€ã”覧ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
９．売れるランディングページデザインã®ï¼‘ï¼ã®ç‰¹å¾´
ランディングページã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®æŠ€è¡“ã®å‘上ã«åˆã‚ã›ã¦å¤‰é·ã—ã¦ã„る。ãã‚Œã«ä¼´ã„ã€é«˜ã„コンãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’見込ã‚るレイアウトもã€ã‚ã¾ãã‚‹ã—ã変ã‚ã£ã¦ã„る。 ã—ã‹ã—ã€çµå±€ã€ã©ã®ãƒ“ジãƒã‚¹ã‚‚最終的ã«ã¯ä¼¼é€šã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³/レイアウトã«è½ã¡ç€ã„ã¦ã„ã。 ãªãœãªã‚‰ã€çµæžœã‚’出ã™ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³/レイアウトã«ã¯ã€ã‚る一定ã®ãƒ«ãƒ¼ãƒ«ã®ã‚ˆã†ãªã‚‚ã®ãŒå˜åœ¨ã™ã‚‹ã‹ã‚‰ã 。ãã—ã¦ã€ãã®ãƒ«ãƒ¼ãƒ«ã«å‰‡ã£ã¦ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚’作るã¨ç°¡å˜ã«é«˜ã„æ•°å—ãŒå‡ºã›ã‚‹ã€‚ ã¤ã¾ã‚Šã€ã‚¼ãƒã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ã®ã§ã¯ãªãã€æ—¢ã«çµæžœãŒå‡ºã‚‹ã“ã¨ãŒè¨¼æ˜Žã•ã‚Œã¦ã„ã‚‹æˆæžœä¿è¨¼æ¸ˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„デザインを使ã†æ–¹ãŒã€é¥ã‹ã«ç°¡å˜ã§çµæžœãŒå‡ºã‚„ã™ã„ã®ã 。 ãã“ã§ã€è¿‘å¹´éžå¸¸ã«è‰¯ã見られるランディングページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ/デザインをインフォグラフィックã§ã”紹介ã™ã‚‹ã€‚ 拡大表示ã¯ã“ã¡ã‚‰ 出典：http://www.formstack.com/the-anatomy-
スマートフォンã€ã‚¿ãƒ–レットã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãŸã‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’ã©ã®ã‚ˆã†ã«è¨è¨ˆã™ã‚Œã°ã‚ˆã„ã‹
iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã€Œæ–°ã—ã„iPadã€ãªã©ã®ã‚¿ãƒ–レットã€ãã—ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ã€ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«å¯¾å¿œã•ã›ã‚‹Responsive Web Designã®ãŸã‚ã«ã€ã©ã®ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’è¨è¨ˆã—ã€ã„ãã¤ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’用æ„ã™ã‚‹ã®ã‹3ã¤ã®æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ å„デãƒã‚¤ã‚¹ã®å¹…ã¯ã€2012å¹´3月ã®ãƒ‡ãƒ¼ã‚¿ã§ã™ã€‚ A Simple Device Diagram for Responsive Design Planning [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚ャプãƒãƒ£ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ç”»åƒã¯å…ƒè¨˜äº‹ã‚ˆã‚ŠPSDファイルã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ å„デãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚º レイアウトを3㤠レイアウトを4㤠レイアウトを6㤠å„デãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚º ã¾ãšã¯ã€2012å¹´3月ç¾åœ¨ã®å„デãƒã‚¤ã‚¹ã®å¹…ã§ã™ã€‚ ※クリックã§æ‹¡å¤§ ãƒã‚¤ãƒ³ãƒˆ 上段：ãƒãƒ¼ãƒˆãƒ¬ã‚¤ãƒˆï¼ˆç¸¦ç½®ã）ã€ä¸‹æ®µï¼šãƒ©ãƒ³ãƒ‰ã‚¹ã‚±
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}