PCサイトã®UIデザインã«ãŠã‘ã‚‹12ã®ãƒˆãƒ¬ãƒ³ãƒ‰ | ベイジã®ç¤¾é•·ãƒ–ãƒã‚°
スマートフォンã®æ™®åŠã§ã€PCã§é–²è¦§ã™ã‚‹Webサイト（以下ã€PCサイト）ã«å¯¾ã™ã‚‹æ³¨ç›®åº¦ã¯ä¸‹ãŒã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€BtoBã®ãƒ‡ã‚¸ã‚¿ãƒ«ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã«ãŠã„ã¦ã¯ã€PCサイトãŒä»Šå¾Œã‚‚戦略ã®ä¸å¿ƒã«ãªã‚‹ã§ã—ょã†ã—ã€BtoCã«ãŠã„ã¦ã‚‚ã€PCサイトãŒä¸å¯æ¬ ãªé ˜åŸŸã‚‚ã¾ã ã¾ã 多ã„ã§ã™ã€‚ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢çš„ã«å¤§ããªå¤‰åŒ–ã®ãªã„PCå‘ã‘ã®Webデザインã¨ã„ã†ã¨ã€ãƒŽã‚¦ãƒã‚¦ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã„ã‚‹å°è±¡ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ã¯æ™‚代ã®æµã‚Œã‚’å—ã‘ã€ä»Šã‚‚変化を続ã‘ã¦ã„ã¾ã™ã€‚特ã«ä»¥ä¸‹ã®ã‚ˆã†ãªç’°å¢ƒå¤‰åŒ–ãŒã€PCサイトã®UIデザインã«ã‚‚大ããªå½±éŸ¿ã‚’与ãˆã¦ã„ã¾ã™ã€‚ 表示デãƒã‚¤ã‚¹ã®å¤šç”¨åŒ– スマートフォンアプリã®ä¸€èˆ¬åŒ– タッãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®æ™®åŠ トレンドã«åˆã‚ã›ã‚Œã°æˆåŠŸã€ã¨ã„ã†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ãã®æ ¹åº•ã«æµã‚Œã¦ã„るユーザ動å‘ã®å¤‰åŒ–ã«ã¤ã„ã¦ã¯ã€å分ã«ç†è§£ã—ã¦ãŠãå¿…è¦ã¯ã‚ã‚‹ã§ã—ょã†ã€‚ãã“ã§ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€PCサイトã®UIデザインã«ãŠã‘る最新動å‘ã‚’ã€ãã®èƒŒæ™¯
AppleãŒãƒˆãƒƒãƒ—ページã§è‡ªå‹•é€ã‚Šã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’ã‚„ã‚ãŸç†ç”±
残念ãªãŒã‚‰ãƒšãƒ¼ã‚¸å…¨ä½“ã®ã‚ャプãƒãƒ£ã‚’ã¨ã£ã¦ã„ãªã‹ã£ãŸã®ã§ä¸‹ã¾ã§ãŠè¦‹ã›ã§ãã¾ã›ã‚“ãŒã€ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¤ãƒ³è¦ç´ ã¨ãªã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã®ä¸‹ã«ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ã»ã‚“ã¨ã§ã™w ãã—ã¦ã€ãŠã‰ã€ã•ã™ãŒApple。 ã“ã“ã§ã‚‚æ€ã„切ã£ãŸé¸æŠžã‚’ã—ãŸãªã€œã¨æ€ã£ã¦ã„ãŸã‚ã‘ã§ã™ã€‚ ã¨ã“ã‚ãŒï¼ 数日後ã«ã‚‚ã†ä¸€åº¦ãƒˆãƒƒãƒ—ページを見ã¦ã¿ãŸã‚‰ã€ã‚ã®æ‡ã‹ã—ã®4ã¤ã®ãƒœãƒƒã‚¯ã‚¹ãŒæˆ»ã£ã¦ã„ã‚‹ã§ã¯ãªã„ã§ã™ã‹ï¼ï¼Ÿ 実ã¯ã€ã“ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆå·¨å¤§ãƒ’ーãƒãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨4ã¤ã®ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ï¼‰ãŒã€ä½•å¹´ã‚‚続ã„ãŸAppleã®é‰„æ¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã£ãŸã‚ã‘ã§ã™ãŒã€å…ˆæ—¥ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã“ã®ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ãŒãªããªã£ã¦ã„ã¦ã€Œã¤ã„ã«ã€ã‚れもãŠäº¡ããªã‚Šã«ãªã‚‰ã‚ŒãŸã‹ã€ã¨ã€å¯†ã‹ã«æ‚²ã—ã‚“ã§ãŠã‚Šã¾ã—ãŸã€‚ ãã®å¾Œã®ã“ã®è¯éº—ãªã‚«ãƒ ãƒãƒƒã‚¯ã§ã™ã€‚ ã‹ãªã‚Šèˆˆå¥®ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã—ã‹ã‚‚ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ç´°ã‹ã„スペースや背景ã®æ‰±ã„ãŒã‚ˆã‚Šã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã«æ›´æ–°ã•ã‚Œã¦ã„ã¾ã™ã€‚ iPadã§ã¿ã‚‹ã¨
年寄りを困らã›ã‚‹ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン〠| スタッフルーム| 日経BPコンサルティング
スマートフォン利用者ã«é…æ…®ã—ã¦ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã€ã‚’採用ã™ã‚‹ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯1ã¤ã®HTMLファイルã§ã€ãƒ‘ソコンã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ãã‚Œãžã‚Œã«é©ã—ãŸãƒšãƒ¼ã‚¸ã‚’表示ã§ãã‚‹ã®ãŒç‰¹é•·ã€‚特ã«è‹¥ã„人をターゲットã«ã™ã‚‹å¤§å¦ã‚µã‚¤ãƒˆã§æ³¨ç›®ã‚’集ã‚ã¦ã„ã¾ã™ã€‚Googleも推奨ã™ã‚‹å„ªã‚ŒãŸæ‰‹æ³•ã§ã™ãŒã€ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚話題ã«ãªã‚‹ã“ã¨ãŒå°‘ãªã„ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティ上ã®å•é¡Œç‚¹ã«ã¤ã„ã¦æŒ‡æ‘˜ã—ã¾ã—ょã†ã€‚ 「レスãƒãƒ³ã‚·ãƒ–Webデザインã€ï¼ˆä»¥ä¸‹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–）ã¨ã¯ã€ãƒ–ラウザーã®ç”»é¢ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã•ã›ã‚‹Webページã®ä½œã‚Šæ–¹ã€‚パソコンã¨ã‚¹ãƒžãƒ›ã‹ã‚‰åŒã˜URLã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã€åŒã˜HTMLファイルを開ãã¨ã€ãƒ‘ソコンã«ã¯ãƒ‘ソコンã«é©ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚¹ãƒžãƒ›ã«ã¯ã‚¹ãƒžãƒ›ã«é©ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ï¼ˆä¸ã«ã¯ã€ã‚¿ãƒ–レットå‘ã‘デザインを用æ„ã—ã¦ã„るサイトもã‚ã‚Šã¾ã™ï¼‰ã€‚ レスãƒãƒ³ã‚·ãƒ–を採用ã™ã‚‹ã‚µã‚¤ãƒˆã¯æœ€è¿‘増ãˆã¦ã„ã¾
Webサイトã«å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½¿ã†ã®ã‚’ã‚„ã‚ã‚
最近変ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’使ã£ã¦ã‚‹ã‚µã‚¤ãƒˆã‚’見る。 ã“ã‚Œã¨ã‹ http://www.apple.com/iphone-5s/ ã“ã‚Œã¨ã‹ http://heteml.jp/ ä»–ã«ã‚‚色々。 JavascriptãŒãªã‚“ã‹é ‘å¼µã£ã¦ã‚“ã ã‚ã†ã‘ã©ã•ã€ æ£ç›´é¬±é™¶ã—ã„よ。 ã‚„ã‘ã«é‡ã„ã—ã€ä½¿ã„ã¥ã‚‰ã„ã—。 Chromeã ã¨ãƒŒãƒ«ãƒŒãƒ«å‹•ãã£ã¦ï¼Ÿ ã¿ã‚“ãªChrome使ã£ã¦ã‚‹æ€ã£ã¦ãŸã‚‰ã‚¢ã‚«ãƒ³ã§ã»ã‚“ã¾ã€‚ 追記： ã“ã®å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ãƒ‘ララックスã¨è¨€ã†ãã†ã§ã™ã€‚ 「ã“ã®å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ãƒ‘ララックスã€ã§ã¯ãªã„ãã†ã§ã™ã€‚ ã¾ãŸã€ã€Œã“ã®å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ãƒ‘ララックスã®ã²ã¨ã¤ã€ã¨è¨€ã†è¨³ã§ã‚‚ãªã„ã¿ãŸã„ã§ã™ã€‚ ã”ã‚ã‚“ãã€ã‚‚ã†ã“ã®è¿½è¨˜æ¶ˆã—ãŸã„気分。
デザイン時ã«æ³¨æ„ã—ãŸã„角丸ã®ä½¿ã„ã‹ãŸ - Design Color
ã‚‚ã㘠大ããªè§’丸ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„ã»ã†ãŒã„ã„ç†ç”± è¦ç´ ã«ã‚ˆã£ã¦è§’丸ã®å¤§ãã•ã‚’使ã„分ã‘ã‚‹ç†ç”± 大ãã‚ã®è§’丸ã§ã‚‚ãŠã‹ã—ããªã„å ´åˆã¯ï¼Ÿ 角丸ã®å¤§ãã•ã‚’後ã‹ã‚‰èª¿æ•´ã™ã‚‹Photoshopプラグイン ã¯ã˜ã‚ã« ãªã‚“ã¨ãªãã§ä½¿ã£ã¦ã„ãŸã‘ã©ã€ä¸€åº¦ã¡ã‚ƒã‚“ã¨è€ƒãˆã¦ã¿ã‚ˆã†ï¼ã¨æ€ã‚ã›ã¦ãã‚ŒãŸãã£ã‹ã‘ã¯ã€ã“ã¡ã‚‰ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã—ãŸã€‚ 今回ã¯ã€ã“ã¡ã‚‰ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®è§’丸ã«ã¤ã„ã¦ã®éƒ¨åˆ†ã«æ²¿ã£ã¦è€ƒãˆã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック 大ããªè§’丸ã¯ã‚ã¾ã‚Šä½¿ã‚ãªã„ã»ã†ãŒã„ã„ç†ç”± 「ズルã„デザインã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã¯ã€ã€Œè§’丸ã¯5〜6pxãらã„ãŒæœ€ã‚‚無難ã§ã‚レイã€ã¨ã®ã“ã¨ã€‚ã¾ãŸã€ä¸‹è¨˜ã®ã‚ˆã†ã«ã‚‚言ã‚ã‚Œã¦ã„ã¾ã™ã€‚ 「RåŠå¾„ãŒå¤§ãã„角丸ã¯ã€é‡Žæš®ã£ãŸã„デザインã«ãªã‚Šã‚„ã™ã„ã®ã§ã€ã‚ã¾ã‚Šä½¿ã‚ãªã„ã»ã†ãŒã‚ˆã„ã§ã™ã€ 引用元：少ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック ãŸã—ã‹ã«ã€ç§ã‚‚以å‰ã«ã€ãƒ‡
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
ã™ã”ã„WEB
Awesome and has more than a degree. We head out one. What it is overwhelming. It is dangerous stuff. Amazing what moves the people. And, in the sense of the excitement, the world can not be changed only amazing thing. I want to meet those amazing, really want to be. I think so anyone, I want to share with everyone and wow wow. It is amazing, amazing thing. Than it really is not that amazing. From
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
x.com
{{#tags}}- {{label}}
{{/tags}}