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

使い分けが重要!ページネーションと無限スクロール【ページネーション編】

使い分けが重要!ページネーションと無限スクロール【ページネーション編】

Webサイトを毎日更新し、コンテンツを追加し続けていくと、どうしてもページあたりの情報量が多くなってきます。 特に Webマガジンの記事一覧 ECサイトの商品一覧 などがその最たる例ではないでしょうか。   このとき、ページネーションを使用するか無限スクロールにするかの判断が求められるわけですが、どちらが良い・悪いというものではありません。重要なの…続きを読む

  • このページを共有する

2020年のWebデザイントレンド「フューチャリスティックデザイン」とは?

事例1:グラデーション × 動くシェイプ

「未来的」とも言い換えられるフューチャリスティックデザインは、ネオン色などを組み合わせた派手な配色や流線型のシェイプを多用するといった特徴があります。 アパレル業界ではすでに馴染みのあるキーワードの一つで、ファッション雑誌にも頻出しているため目にしたことがある方も少なくないと思います。 フューチャリスティックデザインは文字通り「最先端であること」を表現したい…続きを読む

  • このページを共有する

静止画フォーマット「WebP」とは?対応のメリット・デメリットを解説

静止画フォーマット「WebP」とは?対応のメリット・デメリットを解説

WebPとは WebP? ウェブプ?うぇっぷ?などと間違って読む人も多でしょうが、正しい読み方は「ウェッピー」です。 WebPとは、Googleが開発した静止画フォーマットのことで、ファイル拡張子は「.webp」と表記されます。 現在「次世代フォーマット」ともいわれ注目されていますが、実は2010年から存在していたそうで。 WebPはWebサイトのトラフィッ…続きを読む

  • このページを共有する

2020年のWebデザイントレンド「手書き風デザイン」とは?

名鉄病院 研修医採用サイト

シンプル・フラットが定番となっているWebデザインにおいて、今、人の手の温もりが感じられる「手書き風デザイン」が注目を集めています。 手書き風のテキストやイラストを用いたデザインは、温かみやオリジナリティを表現できるので、BtoCのWebサイトを中心に近年よく見られるようになりました。 そんな流行中の手書き風Webデザインについて、導入メリットとデメリット、…続きを読む

  • このページを共有する

ボタンのラベルを考える

ボタンのラベルを考える

Webサイトには必ずといっていいほど配置されているボタン。 立体的なビジュアルで押しやすいもの、周囲に埋もれてしまい押しにくいもの、目立つように色を変えたり、大きさを変えたり、Webサイトごとにいろいろな工夫がされている場合もあります。   例えば… CTA(Call to Action)ボタン フォーム送信ボタン 確認ダイアログの実…続きを読む

  • このページを共有する

間違っていませんか?トグルスイッチの使用上の注意

間違っていませんか?トグルスイッチの使用上の注意

トグルスイッチとは トグルスイッチとは、オンまたはオフに切り替えることができるデジタルのスイッチで、アプリやWebサイトでしばしば使用されるUI要素の一つです。基本設定、のような画面で見かけることが多いかもしれませんね。   トグルスイッチは実は身近なインターフェースで、部屋の電気を点灯と消灯を切り替える物理的な電源スイッチがもっともポピュラーかも…続きを読む

  • このページを共有する

2020年のWebデザイントレンド「ダークモード」とは?

img_sonicjam

突然ですが「ダークモード」ってご存知ですか? 簡単に説明すると従来の白背景に黒文字の配色とは逆に、背景色を黒などのダークカラーにして、文字やアイコンを明るい色にする配色を用いたデザインを「ダークモード」と呼びます。 InstagramやYouTubeなどの有名アプリでも続々と採用されており、注目に値するデザイン潮流といえるでしょう。 「ダークモード」とは? …続きを読む

  • このページを共有する

ローカルSEOを強化!「NAP」を統一する際の3つのポイント

ローカルSEOを強化!「NAP」を統一する際の3つのポイント

全国に向けた発送を行う商品、あるいは企業向けの商品やサービスを取り扱う会社ではなく、飲食店や美容室、歯科医院といったいわゆる「ローカル」向けの商売でWebサイトを運用する場合、その集客効果をアップさせる上ではローカルSEOが必要になってきます。   ローカルSEOとは ローカルSEOとは、地域の影響を受けやすいキーワードで検索した際、その地域で検索…続きを読む

  • このページを共有する

サイトリニューアル時に合わせてチェック!CI・VI・BIの違いとその役割

サイトリニューアル時に合わせてチェック!CI・VI・BIの違いとその役割

CI、VI、BIってそれぞれどんな意味があるかご存知ですか? 3つとも、企業のブランディングを考える際に重要な意味を持ち、Webサイトのリニューアルを考える際にも押さえておくべきものです。 今回はCI(コーポレートアイデンティティ)、VI(ヴィジュアルアイデンティティ)、BI(ブランドアイデンティティ)という3つの「I」を解説します。   CI(コ…続きを読む

  • このページを共有する

検索結果で一番上に表示される枠!強調スニペットとは?

スニペット

検索結果画面の一番上に大きな枠で囲われた目立つ表示を見たことありませんか? たとえば「スニペット」と検索してみると… このように表示されます。   これは「強調スニペット」と言われるもので、通常の検索結果1位よりもさらに上に表示されます。 かなり目立ちますよね。 なので、中には「検索順位0位」という言われ方もしています。 検索ワードが質問のような場…続きを読む

  • このページを共有する