カテゴリー別アーカイブ: Webデザイン

ユーザーに興味を持ってもらうための「視線移動」のコツ!

shisen

みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は、レイアウトの時に気をつけたい、ユーザーの視線移動について紹介します。 サイト内の様々な情報を確実に見てもらうためにはどうすべきか? 以下のポイントをおさえることで、ユーザーの視線移動の導線をコントロールし、意図的に見てもらうことができます。   ものの見え方 1:見えている領域 普段、…続きを読む

  • このページを共有する

Webサイト用の写真を撮る際に気をつけたい6つのポイント

写真撮影

Webサイトにはテキストやコピー、画像など複数の要素がありますが、サイト全体の印象につながるのが「写真」です。 Webサイトで使用する写真を撮る際には気をつけたいポイントがいくつかあり、単純に対象をカメラに収めればよいというわけではありません。 つまり一筋縄ではいかないのが撮影なのですが、Webサイト用に使う写真は、撮影のプロではないお客様ご自身でご用意いた…続きを読む

  • このページを共有する

ターゲットを絞って、効果的なWebサイトに!

89867c50a719ffc4f686e8ed787b40f0_s

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は「ターゲット層に合わせたデザイン」についてWebデザインをベースに紹介していきたいと思います。スタイリッシュでかっこいいサイト、ポップで可愛いサイト、ネット上にはたくさんの機能的で美しくデザインされたWebサイトがありますが、一つ一つのサイトには必ず目的があり、自分のサイトに来て欲しいと願うターゲッ…続きを読む

  • このページを共有する

スマホ検索結果でファビコン表示デザインに変更!注意点は

ファビコン

スマホ検索結果のデザインが最近変更されましたが、皆さんはお気づきでしょうか。 今回新たにGoogleは、サイト名とファビコンが表示されるデザインへと変更をしました。 そもそもファビコンとは? ファビコンとは、Webブラウザでページを開いた際、タブの部分に表示されるアイコンのこと。ファビコンはそのページを判別する際の目印になります。 ファビコンをいわゆるシンボ…続きを読む

  • このページを共有する

フラットデザインとマテリアルデザインを比較して、基本を理解しよう

d_01_190525

みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は、人気のある2つのデザイン手法、フラットデザインとマテリアルデザインについてご紹介します。 美しさとその個性的な表現に人気があるフラットデザインと、使いやすさにより注目を集めているマテリアルデザイン。この2つのデザイン手法について、改めて基本となるポイントを押さえていきましょう。   フ…続きを読む

  • このページを共有する

基本のステップを押さえよう!デザイン修正のいろは

d_eye_201905

みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は、デザインをする上で避けては通れない「修正作業」についてのお話です。 修正作業にもコツがある デザインに関わっている方なら必ず経験する修正作業ですが、以下のようなことに心当たりはありませんか。 修正指示を出す側「デザインに対してどういう修正を出したらいいのか迷う…」 修正をする側「指示通りに修正し…続きを読む

  • このページを共有する

もっと効率的にデザインできる!「アトミックデザイン」を紹介します

崩れにくいだけではない!デザインシステム「アトミックデザイン」を紹介します

アトミックデザインとは atomicdesign.bradfrost.com アトミックデザインはアメリカのWebデザイナーBrad Frost氏が考案・提唱したデザインシステムです。画面要素を5段階に分けて、これらの要素を組み合わせることによって、最終的に画面のUIが作られます。 アトミックデザインの5段階 1. 基本的な要素である原子(Atom) ato…続きを読む

  • このページを共有する

「売れる」Webサイトの色彩設計

e6773cd0fee5bafc1a6ce28a05353fb0_s

見やすいWebサイト、居心地の良いWebサイト、使い勝手の良いWebサイト……Webサイトの印象を決める要素は、掲載されている情報そのものやコピーワーク、コンテンツの配置など様々ですが、色彩もそのうちの一つです。色彩の微妙な違いだけでも、Webサイトの印象は大きく異なってきます。 皆さんは、Webサイトに使う色をどのように決めていらっしゃるでしょうか? &n…続きを読む

  • このページを共有する

Webサイトにおけるカラーユニバーサルデザイン

d_201903_001

カラーユニバーサルデザインとは 色の感じ方(以後「色覚」と呼びます)は人によって異なり、2つの色がほとんど同じに見える人やすべての色が無彩色に見える人もいます。そのように色覚が一般と異なる人にも、情報が正しく伝わるように配慮したデザインのことを「カラーユニバーサルデザイン」または「カラーバリアフリー」と呼びます。   日本人男性は、20人に1人が色…続きを読む

  • このページを共有する

「就活生が知りたいこと」を表現しよう!採用サイトのデザイン3選

d_eye_201902-300x200

みなさん、こんにちは。ウェブラボデザイナーチームです。早いもので、今年ももう2月が終わろうとしていますね。3月1日からは、多くの企業が新卒採用の募集を始めるということで、今年も既にたくさんの採用特設サイトが登場しています。 採用サイトというと何か突飛なことをしなければ……と思いがちですが、本当に大事なのは”ただ目立つデザイン”ではなく、”会社の魅力をしっかり…続きを読む

  • このページを共有する