ユーザープロフィール

ゲストさん

レイアウト・配色のイロハ

70件

レイアウトや配色は、Webサイトのユーザビリティーやコンバージョンなどに大きく影響を及ぼす重要なポイントです。サイト制作を新規に行う場合はもちろん、現状のサイトを改善する際にも、必ず意識しなくてはいけないものと言えるでしょう。このカテゴリーでは、Webサイトのレイアウト・配色に関連したテクニック・ノウハウについてご紹介します。

UIデザイン初心者が知っておきたい配色の理論

UIデザイン初心者が知っておきたい配色の理論

「配色」はデザイナーの持てる手法の中で最も強力な手法の一つで、様々な感情を引き起こせたり、ユーザーの注意を引いたりできます。 ですが、新しいプロジェクトを立ち上げる経験をしたことがある方ならわかるかもしれませんが、プロダ…

元の記事

UX MILK

UX MILK

株式会社マイナースタジオ


【Webデザイン入門 11】覚えておきたい美しく見せるための構図のルール

【Webデザイン入門 11】覚えておきたい美しく見せるための構図のルール

今回は、構図を決めるためのルールをいくつか紹介しようと思います。 グリッドシステム グリッドシステムとは、画面を縦と横の線で規則的に区切って面(グリッド)に分けてその中に、文字や画像をはめこんでいくといった技法のことです … 続きを読む →The post 【Webデザイン入門 11】覚えておきたい美しく見せるための構図のルール appeared first on SONICMOOV LAB.…

元の記事


【Webデザイン入門 10】メリハリのある画面デザインを作ろう

【Webデザイン入門 10】メリハリのある画面デザインを作ろう

今回は「コントラスト」「ジャンプ率」によって画面全体にメリハリをつける方法についてふれていこうかと思います。 コントラストを加えて画面にメリハリをつけよう いきなりですが、画面に書いてある文章を全部読んでいる人はそうそう … 続きを読む →The post 【Webデザイン入門 10】メリハリのある画面デザインを作ろう appeared first on SONICMOOV LAB.…

元の記事


グリッドデザインのWebサイトが良い15の理由

グリッドデザインのWebサイトが良い15の理由

本稿は、Design School Canvaのブログ記事を、Design School Canvaより了解を得て日本語翻訳し掲載した記事になります。また本記事は、Mary Stribley氏によって投稿されたものです。 グラフィックデザイナーにとって、グリッドは特に重要なデザインツールであるとされています。   ほんの数本のグリッドの存在がデザインに加わることが、デザインプロジェクト全体にとって…

元の記事


【Webデザインで必ず役立つ!】理想的な配色を作る9つの方法!

【Webデザインで必ず役立つ!】理想的な配色を作る9つの方法!

本稿は、Designmodoのブログ記事を、Designmodoより了解を得て日本語翻訳し掲載した記事になります。   サイトの作成にあたり最も難しいことの一つとは、ブランドやメッセージを印象的にするための配色選びです。 理想の配色選びとは、ただ色を選んでそれらを散りばめれば良いという訳ではありません。意外にも、化学や色彩論に関係しているのです。 今回は、より理想的な配色選びについて、9つの方法を…

元の記事


【Webデザイン入門 9】マージンとパディング

【Webデザイン入門 9】マージンとパディング

WEBデザインでの「余白」には、グループをわける見えない境界線の余白とグループ内の文字や写真を見やすくする余白の2種類があります。 今回は、その「余白」についてふれていこうかと思います。 2種類の余白の存在marginと … 続きを読む →The post 【Webデザイン入門 9】マージンとパディング appeared first on SONICMOOV LAB.…

元の記事


IAとUXデザインの違い

IAとUXデザインの違い

IA(情報アーキテクチャ)とUXの違いは何でしょう。両者には明らかな違いがあるにも関わらず、その定義は曖昧にされがちです。…

元の記事

UX MILK

UX MILK

株式会社マイナースタジオ


【Webデザイン入門 3】効果的な色の組み合わせ方

【Webデザイン入門 3】効果的な色の組み合わせ方

第一弾【Webデザイン入門 1】初心者は抑えておきたい色の基本、第二弾【Webデザイン入門 2】バランスの取れる配色の割合とは!?に引き続き、今回は『色』のはなし第三弾。 今回は効果的な色の組み合わせ方についてです! 視 … 続きを読む →The post 【Webデザイン入門 3】効果的な色の組み合わせ方 appeared first on SONICMOOV LAB.…

元の記事


色の持つイメージ:ピンク色は女性、幸福をイメージ

色の持つイメージ:ピンク色は女性、幸福をイメージ

色が何らかのサインを送りだしていることは誰もがよく知っている。誰がどんな色を選ぼうと、共通しているのは、その色に対して人は反応するということだ。私たちは色に対し条件反射し、気づくこともない。色に対する反応は直観的反応とも言われ、個々の色は人の本能的な反応と密接に関係し、その反応は生理的、感情的、環境、文化的な意味合いと密接に関係している。3月も後半、いよいよ春到来である。東京では先日、桜の開花宣言…

元の記事


【デザイン超入門】ディレクターさんも知っておきたい色の基本

【デザイン超入門】ディレクターさんも知っておきたい色の基本

デザインをする上で欠かせないもののひとつの中に『色』があります。 今回は、デザインをする上で重要な「色」の基礎についてまとめていこうと思います。 色相(しきそう) 色相とは、赤や青といった色あいのことです。 色相のルール … 続きを読む →The post 【デザイン超入門】ディレクターさんも知っておきたい色の基本 appeared first on SONICMOOV LAB.…

元の記事


オウンドメディア運営会社の皆様へ

s

ページトップ