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

SDGsロゴをWebサイトで使う時の注意点

img_10

ここ数年、ダイバーシティやサステナブルへの注目が非常に高まっています。2015年9月に、ニューヨークの国連では2030年までに達成すべき国際社会共通の17の目標(SDGs=Sustainable Development Goals)が掲げられ、全世界での取り組みが呼びかけられています。   今回は、SDGsロゴをWebサイトで利用する場合、どのよう…続きを読む

  • このページを共有する

デザイナーじゃなくても知っておきたい!「エシカルデザイン」とは?

デザイナーじゃなくても知っておきたい!「エシカルデザイン」とは?

近年、動物愛護や環境問題の話題でエシカルというキーワードをよく見聞きするようになりました。他にも、私たちが意識すべき取り組みにSDGsの17目標がありますが、その中でもエシカルという言葉は何度も目にします。   このエシカルの概念は、Webサイトのデザインを考える際にも、非常に大切な要素となります。そのため、エシカルデザインという言葉があるほどです…続きを読む

  • このページを共有する

今一度考えてみるUX 構造化シナリオ法について

4238372_s

「WebサイトやWebサービスを大きく改善したい!」「運営メディアを新しいアイデアで変化させたい!」と考えているのなら、UXの構造化シナリオ法を勉強しておくのはいかがでしょう。   UXの構造化シナリオ法と聞くと、非常に難しそうな印象を受けますが、考え方がわかってしまうと非常に面白く、さまざまなアイデアが思いつくようになります。今回は、UXの構造化…続きを読む

  • このページを共有する

【Webデザイントレンド】グリッド強調

4650409_s

Webサイトに限らず、ファッションや建築などにおいてもデザイントレンドはある周期で繰り返すもの、という説があります。「レトロモダン」などの流行は好例で、以前このブログでも取り上げました。 単に以前の流行を模倣するのではなく、最新の技術やスタイルと組み合わせて懐かしさとスタイリッシュさを共存させる事によってデザインを進化させています。 今回ご紹介する「グリッド…続きを読む

  • このページを共有する

【Webデザイントレンド】ナチュラルな配色

img_04

Webサイトは2~3年間隔でリニューアルを検討した方が良いという説があります。なぜ作って終わり、ではなく定期的に見直す必要があるのでしょうか。それは、デザイントレンドやユーザーの環境(閲覧デバイス・社会的情勢)の変化に合わせてWebサイトも進化させていく必要があるからです。   今回は、今まさに私たちが直面しているコロナ渦という社会課題にちなんだW…続きを読む

  • このページを共有する

【Webデザイントレンド】レトロモダンスタイル

img_300_200

最近のWebデザインでトレンドとなっているのが、レトロモダンスタイルのデザインです。 レトロモダンスタイルとは、1980〜1999年頃に一般的だった配色や装飾を取り入れたちょっと懐かしいデザインと、最新のWebデザインスタイルを組み合わせたデザイントレンドです。こうした「懐かしいけどスタイリッシュ」と感じさせるデザインは、Webの領域だけにとどまらず、インテ…続きを読む

  • このページを共有する

Webサイトにおける「ボタン」の基礎知識

img_300_200

普段Webサイトを使用する中で、何気なく見ているボタン。 こうしたボタンはカートへの商品追加、フォームの送信、コンテンツの削除など、様々なアクションと繋がるパーツです。もしボタンが作動しなかったり、違う場所に遷移するようなことがあれば、ユーザーは大きなストレスを抱えてしまうでしょう。ボタンが正しく機能することは、Webサイトにおいて非常に重要です。 &nbs…続きを読む

  • このページを共有する

OGP画像の役割と作り方

img

OGPとは「Open Graph Protcol」の略で、WebページがSNSでシェアされた際にタイムラインなどに表示されるサムネイル画像やページタイトル、説明文などのことを指します。 OGPを適切に設定することによって、タイムラインを見ているユーザーにWebページの内容を伝え興味を喚起させることにより、サイトへの訪問を促すことができます。 OGPは表示させ…続きを読む

  • このページを共有する

ジグザグ型レイアウトの落とし穴

s-300x200

横並びの画像と説明文のセットが段落ごと、互い違いに配置されているのが「ジグザグ型レイアウト」です。雑誌等における自然な視線の流れとして有名なZパターンレイアウトの仲間にあげられることもあります。普段Webサイトを閲覧していて見た覚えがある、という方も多いでしょう。   しかしジグザグレイアウトは意外にも「Webページの流し読み」の観点において注意が…続きを読む

  • このページを共有する

【Webデザイントレンド】コーナーナビゲーションとは

【Webデザイントレンド】コーナーナビゲーションとは

近年のスマホ普及拡大の影響もあり、画面を広く使えてデザインの自由度が高まる「コーナーナビゲーション(画面四隅に配置されるナビゲーション)」のWebサイトが増えています。 「コーナーナビゲーション」とは? もともと、Webサイトのナビゲーションといえば画面上部や左右どちらかにまとめて配置するレイアウトがスタンダードとされていました。 一方、コーナーナビゲーショ…続きを読む

  • このページを共有する