レスポンシブでスマホ・タブレット対応のグラフィック。最近はWebサイトがほとんど動的に移行したため、ビューポートやメディアクエリで調整するより、コスト安の意味もあり、Bootstrapでの対応が多くなってきたように感じます。Photoshopで統一サイズのグラフィックを作る。カバーなどグラフィックの制作も、PC用、タブレット用、スマホ用などと、2種類や3種類サイズはもう止めて1種類サイズでの併用が主流です。このカバーの場合、パララックス使用のオリジナルは1920pxのカバーですが、(画像はぼかして掲載しています)スマホやタブレットでもこのwidth:1920pxの特大グラフィックをBootstrapがスマホサイズに調整表示してくれるので「あの苦労は何だったのか!」といういい時代になったと思います。これは自転車を販売しているコーポレートサイト用カバーなので、右手前に実際に販売しているモデル型の自転車を配置するという演出をほどこし、地球環境に優しいコープレートイメージを背景の緑色で表現しました。これがPHOTOSHOPでの製作過程です。UX/UIも秀悦なウェブ表示できますieやedgeで表示されない病を克服したグラフィックピックアップ記事2020/2/20WordPressのバージョンアップで失敗する前に!ほとんどの人が経験するよく失敗する事の一つが、Wordpressのバージョンアップです。UX/UIも秀悦なウェブ表示でき...Jimdoでもここまでできる!コスパのいいコーポレートサ...コスメECサイトをCMSで制作した実例。齋藤天津子...2020/2/20WordPressのバージョンアップで失敗する前に!ほとんどの人が経験するよく失敗する事の一つが、Wordpressのバージョンアップです。カバーをかっこよくつくるポイントこのポートフォリオの中のカバーは私自身が制作しています。