スマートフォン時代ã®Webサイト制作 第4回　画åƒã®æ‰±ã„ã¨æœ€é©åŒ– | デベãƒãƒƒãƒ‘ーセンタースマートフォンå‘ã‘サイトã§ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«åŠã°ãªã„スペックや接続回線を考慮ã—ã€ã„ã‹ã«ã€Œè»½ã„ã€è¡¨ç¤ºãŒé€Ÿã„ã€ã‚µã‚¤ãƒˆã‚’作るã‹ãŒé‡è¦ã§ã™ã€‚一方ã§ã€æ§˜ã€…ãªç”»é¢è§£åƒåº¦ã®ç«¯æœ«ãŒã‚ã‚Šã€é«˜è§£åƒåº¦ã®ç”»é¢ã‚’æ載ã—ãŸç«¯æœ«å‘ã‘ã«ã¯ã€ãã®ã‚µã‚¤ã‚ºã«å¯¾å¿œã—ãŸå¤§ããªç”»åƒãŒå¿…è¦ã¨ãªã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ç”»åƒã®æ‰±ã„ã²ã¨ã¤ã‚’ã¨ã£ã¦ã‚‚ã€ã€Œãƒ‘フォーマンスã€ã¨ã€Œè¦‹æ „ãˆã€ã®åŒæ–¹ã‚’考慮ã—ãªã‘ã‚Œã°ã„ã‘ãªã„難ã—ã•ãŒã‚ã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯ã€å‰å›žã®ã‚µãƒ³ãƒ—ルサイトを元ã«ã€ç”»åƒé–¢ä¿‚ã®æ‰±ã„や最é©åŒ–ãªã©ã‚’解説ã—ã¾ã™ã€‚ スマートフォンブラウザーã¯PNGã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚デスクトップブラウザーã§PNGを使ã†å ´åˆã€Internet Explorer 6ãªã©ã®å¤ã„ブラウザーã«æ°—ã‚’ã¤ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ–ラウザーã®å ´åˆã¯æ°—ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“。 PNGã¯åœ§ç¸®çŽ‡ãŒé«˜ãã€å®¹é‡ã‚’抑ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ï¼ˆé€éŽæ©Ÿèƒ½ï¼‰ã‚’æŒã¤ã®ã§ã€åŠé€æ˜Ž
Maka-Veli.com / Webデザインã®åŽŸç†åŽŸå‰‡ã¯ãƒªã‚¢ãƒªãƒ†ã‚£ã¨ã€ãã‚Œã«åã—ãŸæƒ³åƒã‚’超ãˆã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ã ã¨æ€ã†ã€‚
Dribbble - Show and tell for designers
{{#tags}}- {{label}}
{{/tags}}