サイトをスマホ対応ã—ãŸæ™‚ã«æ„è˜ã—ãŸã“ã¨5㤠- Design Colorã‚‚ã㘠サイト幅ã¯ãƒªã‚ッドレイアウト&ãƒªãƒ³ã‚¯é ˜åŸŸã¯å¤§ãã‚㫠動画やGoogleマップも画é¢ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ä¼¸ç¸®ã™ã‚‹ã‚ˆã†ã« ãªã‚‹ã¹ãç”»é¢é·ç§»ã‚’ã—ãªã„よã†ã« PC版ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚見れるよã†ã« 最後ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸå¾Œã®ã“ã¨ã‚‚考ãˆã‚‹ 1.サイト幅ã¯ãƒªã‚ッドレイアウト&ãƒªãƒ³ã‚¯é ˜åŸŸã¯å¤§ãã‚㫠サイト幅ã¯åŸºæœ¬çš„ã«ã¯320px想定ã§ä½œã£ã¦ã„ã¾ã™ã€‚ã§ã™ãŒã€ä¸€è¨€ã§ã€Œã‚¹ãƒžãƒ›ã€ã¨ã„ã£ã¦ã‚‚様々ãªè§£åƒåº¦ãŒã‚ã‚Šã¾ã™ã‚ˆã。特ã«Androidã¨ã‹ï¼ã—ã‹ã‚‚ã€ã‚¹ãƒžãƒ›ã‚’横å‘ãã«ã™ã‚‹ã¨ã¾ãŸè§£åƒåº¦ãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚ ãªã®ã§ã€ã‚る程度ã©ã®ã‚µã‚¤ãƒˆå¹…ã§ã‚‚対応ã§ãるよã†ã«ãƒªã‚ッドレイアウトã§ç”»é¢ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ã‚µã‚¤ãƒˆå¹…ãŒå¤‰ã‚るよã†ã«ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¹ãƒžãƒ›ã¯æŒ‡ã§æ“作ã™ã‚‹ãŸã‚ã€ãƒªãƒ³ã‚¯é ˜åŸŸã¯ãªã‚‹ã¹ã大ãã‚ã«ã™ã‚‹ã‚ˆã†å¿ƒãŒã‘ã¾ã—ãŸã€‚（ã¨ã¯ã„ãˆã€ã‚¿ã‚°ã‚„ã¯ã¦ãƒ–ã®ãƒªãƒ³ã‚¯ã¾ã§ã¯å¤§ããã§ããªã‹ã£ãŸã®ã§ã™ãŒï¼‰ä¸€éƒ¨ã‚’除ã„ã¦ã¯åŸºæœ¬çš„ã«ã¯ãƒªãƒ³ã‚¯è¦ç´ ã¯ã€Œ44px以上ã€
スマホサイトã®UIã§ã‚ˆã使ã†ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒªã‚¹ãƒˆè¡¨ç¤ºã¾ã¨ã‚３３サイト ｜ iPhoneデザインボックス
スマフォサイトã§ã‚ˆã見るパーツã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ル集 | 07design.blog
{{#tags}}- {{label}}
{{/tags}}