- 締切済み
デザインが目を引くレスポンシブなサイトは？
ギフトやおもてなし系？などでデザインが目を引くレスポンシブなwebサイト、スマートフォンを教えてください。 今年IT業者に入社して、SEやWEBコーダ-業務をおこなってましたが、 急遽。デザインをするようにと上司に命じられて、てんやわんやです＞＜； ギフトやおもてなし系の綺麗なサイトをあまり知らないので教えて欲しいです！
- manchesuta
- お礼率0% (0/4)
- デザイナー・クリエイティブ職
- 回答数1
- ありがとう数12
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- hue2011
- ベストアンサー率38% (2800/7250)
資生堂ベネフィークのページ http://www.shiseido.co.jp/benefique/index.html をよく見てください。 一見、あ、そうかという程度のページに見えますが、ものすごく細かいことをしています。 ここに出ている「とろける新リップスティック」の画像を何もしないで見つめていてください。 同じページをスマホ、タブレットで見られたらみてください。 これを作ったデザイナは私は知っていますが、命がけで仕事してますよ。 デザインで食べていくのは、剣術使いが旅をしているようなもので、あれはたいへんだと思いました。 このページも、以前はもっとレスポンシブルでしたが少々冷静になったようです。
関連するQ&A
- レスポンシブWebデザイン習得へのステップ
レスポンシブWebデザインを習得したいと考えています。 現在、実務で使っている手法は2005年ごろ「ウェブ標準」という言葉が流行していた頃の XHTML+CSSをなんとなく使っている程度（極めていない）なのですが、 ステップとしては、 1. HTML5+CSS3の基礎 2. スマートフォン向けサイト構築の基礎（モバイルファーストという観点から） 3. レスポンシブWebデザインの具体的な手法 という風に身につけていく必要があると考えています。 手順として正しいでしょうか？
- ベストアンサー
- CSS
- レスポンシブに出来るデザインと出来ないデザイン
レスポンシブに出来るデザインと出来ないデザインがあると聞いたのですが、 具体的にどんなデザインだと出来ないという情報が無いのですがどんなデザインは出来ないのでしょうか？ スマホがワンカラムなのでワンカラムに出来ないサイトは出来ないということでしょうか？ 380px以上でワンカラムに出来ればどんなデザインも大丈夫なのでしょうか？ またスマホやタブレット用のサイズのときはGVを下に持っていくなどそれようのUIに変形するように実務ではすべきなのでしょうか？ それともPCと同じ順番でもよいのでしょうか？ また賛否両論でこれからWEBクリエイターを目指す者がこちらを習得すべきなのでしょうか？ それともそれぞれの端末ごとの作成を習得した方がよほどよいのでしょうか？
- ベストアンサー
- CSS
- レスポンシブWebデザインでテキストの振分について
現在あるPCサイトをスマホにも対応させたいので、スマホ用のファイルを別に作成するか、またはレスポンシブWebデザインにしようと考えております。 そこで疑問に思ったことがあります。 私が把握しているレスポンシブWebデザインのサイトは、例えば住友商事のようなサイトです。http://www.sumitomocorp.co.jp/ パソコンのブラウザで表示している場合、マウスを使ってカーソルを操作してブラウザを縮小すると、レイアウトが可変します。 ※もちろん、スマホで見れば、スマホに最適化された表示になっております。 一方、アマゾンのようなサイトの場合、パソコンでカーソルを操作してブラウザを縮小しても表示は変わりません。 しかし、PCとスマホで異なるデバイスで確認すると、表示しているテキストや画像が異なります。 私の認識では、このようなサイトはPC用とスマホ用で異なるファイルを作成し、PCとスマホで読み込ませるURLを振り分けるていると思っておりましたが、PCで確認してもスマホで確認してもアドレスバーに表記されているURLは同一の物です。 このアマゾンのようなサイトはレスポンシブWebデザインによって作られているのでしょうか？ もし、レスポンシブWebデザインならば、デバイスごとに表示させる画像を振り分けることははもちろんのこと、テキスト（文章）の振り分もできるということなのでしょうか？ レスポンシブWebデザインで画像もテキストも振り分けられるなら、PC用とスマホ用でファイルを分ける必要はないかと思うので、私が作成したPC用のサイトを、レスポンシブWebデザインにしようかと思っております。 以上となります。 どのようなご回答でも良いので、また質問の内容とはそれてしまってもよいので、なにかしらご回答を頂けると幸いです。 宜しくお願い致します。
- 締切済み
- CSS
- レスポンシブ化していない会社のサイトまだありますか
レスポンシブ化していない会社のサイトはまだそこそこありますかね？ とある理由で従業員が300名位の会社のサイトを見ましたが、 スマートフォンで見ると画面がすごく小さくてどうやらレスポンシブ化されていないようなのです。 PCでは小さい文字でしたが見れました。 実はこちらの会社の情報システム部とやりとりするかも知れないのでサイトを見て事前に確認したのですが、結構ボリュームがあって更新間隔もかなり頻繁に行われていてそれなりに金は掛けているようです。 しかしスマートフォンでは文字が小さくて見えない。 ちょっとこの会社、ITのレベル的にどうなのかな？と、とても気になって相談させていただきました。 皆さんどう思われますか？
- 締切済み
- SEO
- レスポンシブＷｅｂデザインに詳しい方
ＰＣ、スマホサイトを運営しています。A業者さんに、レスポンシブwebデザインで制作していただきました。今回、リニューアルをする予定なんですが、B業者に、PC版のみ制作してもらった場合、自動でスマホ版も更新されるのでしょうか？もしされない場合、B業者が作ったHPを、別の業者にレスポンシブwebデザインにて変更していただくことは可能なんでしょうか？諸事情で、A業者さんには頼めません。B業者は、レスポンシンブでは作れないとのことです。
- 締切済み
- CSS
- レスポンシブWebとjQuery Mobile
WebDesigning誌のバックナンバーを追って 独学しています。 別の号の特集でそれぞれ レスポンシブWebデザインとjQuery Mobileが 出てきたのですが、 レスポンシブWebデザインは端末によって 違うCSSを適用させてレイアウトを 変えるので、スマートフォン向けにすることも できるということだと思うのですが、 jQuery Mobileもスマートフォン向けのようで、 ２つのやり方を、どう使い分けたらよいのか わかりませんでした。 それぞれが、どのような用途に適しているのか 教えてください。
- ベストアンサー
- その他（プログラミング・開発）
- レスポンシブWEBデザインについて
レスポンシブWEBデザインのフルスクリーンスライダーに関して こちらのサイト内デモのフルスクリーンスライダーなのですが http://www.alessioatzeni.com/blog/brushed-template/ スマホ表示にするとフルスクリーン画像が切り取られ中央の一部しか表示されなくなってしまいます。 スマホ用きちんと画像のすべてを表示するにはどこをいじればいいのでしょうか？ UIが気に入っているのでぜひこちらのテンプレートを使用したいのですが これだけが難点です。 御教授ください。
- ベストアンサー
- その他([技術者向] コンピューター)
- レスポンシブwebデザインでのIE対応について
レスポンシブwebデザインでサイト制作する際、CSSのIE対応はどこまでやるべきか悩んでいます。 お詳しい方々、是非アドバイスをお願いします。 現状の対応としては・・・ IE9 → 他ブラウザ同様にレスポンシブ対応 IE8 → レスポンシブ非対応・IE専用CSS（PCサイズ版）を適用 IE7 → 完全無視 （IE7はttp://www.ajike.co.jp/2012/08/browse_share201207/やその他複数のデータを基に、完全無視で問題ないと判断しました） としております。 そこで作っていてふと想ったのですが、タブレット端末やスマートフォン端末では実質的にIEではなくなるので、結局IE9をレスポンシブ対応させる意味がないのではないか？ なら、IE8と同様にIE用のCSSを適用させるだけで良いのではないか？ と想ったのですが、どうなんでしょうか？ ここはやはり将来性を鑑みてIE9は現状のままレスポンシブ対応させておくべきなのか・・・ それともIEは9だろうと8だろうと一括でIE専用CSSを適用させてレスポンシブ対応させないのか・・・ 初心者の私にはIE用のCSSですら恐ろしくめんどくさいというか難しく、IE9をレスポンシブ対応させるだけでも四苦八苦しております。。。 いったいどうしたら良いでしょうか？ 是非ぜひ、ご教授願います。
- ベストアンサー
- CSS
- レスポンシブ 横1080px高解像度スマートフォン
レスポンシブに挑戦しようとしていますが、 ちょっとよく分からくなってきたので質問させてください。 レスポンシブWEBデザインは、 例えば、次のようにデバイスの横幅によって異なるデザインのサイトを表示させるわけですよね。 @media screen and (min-width: 769px){PC向け} @media screen and (max-width: 768px){タブレット向け} @media screen and (max-width: 640px){スマートフォン向け} しかし、横幅が1080pxもあるスマートフォンが発売されてきましたので、 もはや、横幅ではどんなデバイスなのか分からなくなってきたと思います。 また、スマートフォンが高解像度になっても、 画面自体は小さいので、 スマートフォン用にサイトデザインを最適化する必要は変わりません。 そうすると、ユーザーエージェントで切り分ける旧式のやり方を少なくも併用しなければ、 結局、うまくいかないような気もするのですが、どうなんですかね？ そのあたりについて、どのようにお考えでしょうか？ ご意見お聞かせいただきたくお願い申し上げます。
- ベストアンサー
- CSS
- レスポンシブwebデザインで横幅を変更せずに文字を
よくレスポンシブwebデザインで横幅に合わせて基本的には、横幅を320pxにしてサイトを設計するという記事をよく見ますが、横幅が640pxのRetinaディスプレイで見ると画像やyoutubeの動画の画質が悪くなってしまいます。 なので、サイトの横幅を640pxにして、PCで見るときはfont-sizeを12px、line-heightを16pxにして、スマートフォンで見る際には、倍のfont-sizeを24px、line-heightを32pxにというように、横幅を変更するのではなく文字サイズの変更だけをしてサイトを制作するつもりなのですが問題ないですよね？
- ベストアンサー
- CSS
