みなさん、こんにちは、ウェブラボデザイナーチームです。 近年、Webサイト上でのテキスト表現の幅が広がってきているのをご存知ですか。 Google fontsやAdobe fontsをはじめとする様々なWebフォントの普及により、タイポグラフィを用いつつも、自由で思い切ったレイアウトやWebならではのインタラクティブな表現を取り入れたサイトが増えています。 …続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。 EFO（入力フォーム最適化）という言葉もあるように、Webサイトにおいて入力フォームのデザインは大切ですよね。問い合わせや資料請求、会員登録など、ユーザーが細かい情報を入力して送信する場面のため、細心の注意を払わなければなりません。 フォームには様々な入力要素がありますが、なかでも迷いがちなのが選択式要…続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は、近年、目にすることが増えた「アイソメトリック図法」を用いたイラストを取り入れているWebサイトをご紹介します。 アイソメトリック図法とは アイソメトリック図法（＝等角投影図法）とは、立体図法の一種。立体を斜め上から見るように描かれた、3つの直交する座標軸が互いに120度になる図法で…続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。みなさんは、毎年清水寺で発表される「今年の漢字」や「新語・流行語大賞」のように今年を象徴する「色」も発表されているのをご存知でしょうか。その時代の社会情勢やムードが色濃く反映される「流行色」。今回は、昨年選定された「2020年の色」と「2021年の色」をご紹介していきます。 どうやって選ばれ…続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は「スクロールエフェクト」をご紹介します。Webサイトは、掲載する情報が増えるほど、ページがどんどん縦に長くなってしまいます。特に最近はスマホファーストに対応した縦長の画像や、余白を生かしたデザインが多いため、より縦長なページになりがちです。そこでぜひ活用してみてほしいのが「スクロールエフェクト」で…続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。 今回はサイトの世界観や印象に説得力を持たせたい時に欠かせない、「テクスチャ」についてご紹介します。 テクスチャとは Webおよびグラフィックデザインの分野では、「物体の質感を表現した画像」の総称として使用されています。土や石、木目といった自然のものから、紙、布、鉄といった人工的なものまで……続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。 今回はトーンの関係性に基づいた配色方法について考えていきたいと思います。以前ご紹介した、配色の基本を学ぼう（色相と配色編）という記事の続編です。ぜひ前編と合わせて配色設計の際にお役立てください! トーンとは？ トーンの種類 P:ペールトーン、Ltg:ライトグレイッシュトーン、G:グレイッシ…続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は、情報量が多いECサイトやポータルサイトでよく使用されている「マルチカラムレイアウト」についてご紹介します。 マルチカラムレイアウトとは 「カラム」＝「段組み」を意味し、Webサイトの多くは、1カラム〜3カラムで構成されています。 マルチカラ…続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。今回は色相の関係性に基づいた配色方法について考えていきたいと思います。 Webデザインの配色に困ってしまった時、みなさんはどうしていますか？なんとなく色味を決めてしまうと、そのあとのデザインの仕上がりにも影響してしまいます。配色に困った時の助けになる、いくつかの配色方法を学んでいきましょう。 …続きを読む
みなさん、こんにちは。ウェブラボデザイナーチームです。今回はWebデザインでの配色の比率について考えていきたいと思います。 みなさんはデザインをする時、ページ全体の配色の比率まで意識できていますか？キレイに配色されたデザインの多くは色の組み合わせだけでなく使用する色の比率まで考えられています。デザインにおいての基本的なルールでもありますので、一緒に学んでいき…続きを読む
