作成者別アーカイブ: Design team

ジャンプ率をコントロールする

d_eye_201806

みなさん、こんにちは。ウェブラボデザイナーチームです。普段私たちが目にするポスターや広告、雑誌などはジャンプ率が適切に設定され、躍動感や高級感を感じるよう印象づけられています。Webサイトやランディングページでも、ユーザーにきちんと情報を伝えるためにはジャンプ率をうまくコントロールする必要があります。今回は、Webデザインにおいてとても重要な「ジャンプ率」に…続きを読む

  • このページを共有する

Webデザインの基礎!ページのレイアウト構造

d_eye_201805

みなさん、こんにちは。ウェブラボデザイナーチームです。今回はWebサイトのレイアウト構造についてのお話です。 私たちは普段の生活の中で、様々なWebサイトを目にします。たくさんの種類があって、デザインもばらばらですよね。しかし、全体のレイアウト構造はいくつかのパターンに分類することが可能です。その中でも比較的ベーシックで有名な、4つのレイアウトをご紹介してい…続きを読む

  • このページを共有する

2019年度採用サイトデザイン

「2019年度採用サイトデザイン

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は、「2019年度採用サイトデザイン」をご紹介します。採用活動においてより良い人材を確保するために重要な採用サイト。求める人材を引きつけるためにコンテンツ作りに力を入れているところが多く、デザイン性も高いです。そこで今回は5社の採用サイトをピックアップしてご紹介していきます。 住信SBIネット銀行 新…続きを読む

  • このページを共有する

縦書きレイアウトのWebサイト

d_eye_201803

みなさん、こんにちは。ウェブラボデザイナーチームです。今月のテーマは「縦書きレイアウトのWebサイト」です。 そして今回はその中でも特に、文字を画像で切り出さずに、cssを使ってテキストとして表示させているWebサイトに注目してみました。 実は画像を使わずに縦書きを実装するには注意点がいくつかあって、どのブラウザでもきれいに見られるようにするのは大変なのです…続きを読む

  • このページを共有する

これだけは覚えておきたいPhotoshopの文字詰め

d_eye_201802

みなさん、こんにちは。ウェブラボデザイナーチームです。今回はPhotoshopで行う文字詰めについてお話します。まずは下記の画像をご覧ください。 Aは、文字と文字の間を詰めたり広げたりせずに文字を打っただけの「ベタ組み」と呼ばれるものです。 Bは、文字ツールを使い文字詰めをしバランスを整えたものになります。 このように文字詰めを行うことで、文字を見栄えよくバ…続きを読む

  • このページを共有する

効果的なアイコンの使い方

d_eye_201801

みなさん、こんにちは。ウェブラボデザイナーチームです。今年最初のウェブラボクリエイターズメモは、Webサイトでよく見られる「アイコン」の、効果的な使い方についてのお話です。 Webサイトにおけるアイコンの役割 普段から私たちは、Webサイトをはじめ、様々なアプリケーションやデバイス上でたくさんのアイコンを目にしています。アイコンの役割は、記号化したグラフィッ…続きを読む

  • このページを共有する

与える印象を強くする!タイリングを使ったデザイン手法

d_eye_201712

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は、「タイリング」を使ったデザイン手法をご紹介します。 タイリングについて タイリングとはタイルを並べるように要素を配置する手法です。配置の仕方によって安定感を出したり、リズムを崩してアクセント出したりすることができ、Webサイト内で表現したいことを強調することができます。 今回は基本的な形と、Web…続きを読む

  • このページを共有する

あなたのWebサイトにはありますか?「フロー画像」の役割

あああ

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は、フォームのページでよく見られる「フロー画像」についてのお話です。 フロー画像とは フロー画像が設置されている場所の多くは、Webサイトのお問い合わせ画面やネットショップの注文画面などです。 それらのページに表示されている手順を表す矢印のようなものを「フロー画像」といいます。呼称は様々で、他に「ステ…続きを読む

  • このページを共有する

種類別!サイト制作に役立つトリミング方法

d_eye_201710-300x200

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は、Webデザインにおける画像トリミングについて、種類別にお話させて頂きます。 画像トリミングをする意味 ご存知の方も多いかもしれませんが、トリミングとは、Webサイトで使用する画像を加工するときに、不要箇所を削り、テーマとなる重要な要素を強調して見せたいときに使用する方法です。 今回は大きく分けて5…続きを読む

  • このページを共有する

新人WebデザイナーにおすすめのChrome拡張機能

d_eye_201709

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は、デザイナーなら入れておきたいChromeの拡張機能をご紹介します。 拡張機能とは Chromeに自分で好きな機能を追加できる専用のプログラムです。拡張機能の追加はChromeウェブストアから行うことができます。今回紹介するものは、Webデザインの勉強を始めたばかりの人や新人Webデザイナーさんにお…続きを読む

  • このページを共有する