ブログアーカイブ

【iOS15】Safariのアドレスバーに賛否?問題点をチェック!

d_eye_202110

みなさん、こんにちは。ウェブラボデザイナーチームです。 2021年9月21日、iOS15が正式リリースされました。様々な機能が追加・刷新されて、UIも新しくなりました。中でも注目したいのが「iPhoneのデフォルトブラウザ『Safari』で、アドレスバーが画面下部に移動した」ことです。 Webサイトは各種ブラウザの影響を大きく受けますし、特に日本ではiPho…続きを読む

Permalink | 【iOS15】Safariのアドレスバーに賛否?問題点をチェック! はコメントを受け付けていません
  • このページを共有する

フリーフォントを使用する際に気をつけたい2つのポイント

img_210924_300_200

みなさん、こんにちは。ウェブラボデザイナーチームです。今回は、フリーフォントを使用するにあたって必ずチェックしておきたい注意点をご紹介します。   フリー画像の注意点についてはこちらの記事で紹介されています。ぜひ合わせてご確認ください。 「写真素材サイトのライセンスに気をつけて!」   ポイント① 利用規約の確認 「フリーフォント」は全て…続きを読む

Permalink | フリーフォントを使用する際に気をつけたい2つのポイント はコメントを受け付けていません
  • このページを共有する

正しく選ぼう!入力フォームにおける選択式項目【使い分け編】

d_eye_202108

みなさん、こんにちは。ウェブラボデザイナーチームです。 フォームに使用される様々な入力要素の中でも特に迷いがちなのが選択式要素です。選択式要素にはいくつか種類があるため、どこで何を使えばよいのか混乱しますよね。 そんな選択式要素について各種類の特徴と使い分けのポイントを前後編に分けてご紹介していきます。 後編の今回は【使い分け編】と題しまして、選択式要素の具…続きを読む

Permalink | 正しく選ぼう!入力フォームにおける選択式項目【使い分け編】 はコメントを受け付けていません
  • このページを共有する

文字が主役!タイポグラフィが魅力的なサイト3選

img_アイキャッチ_300_200

みなさん、こんにちは、ウェブラボデザイナーチームです。 近年、Webサイト上でのテキスト表現の幅が広がってきているのをご存知ですか。 Google fontsやAdobe fontsをはじめとする様々なWebフォントの普及により、タイポグラフィを用いつつも、自由で思い切ったレイアウトやWebならではのインタラクティブな表現を取り入れたサイトが増えています。 …続きを読む

Permalink | 文字が主役!タイポグラフィが魅力的なサイト3選 はコメントを受け付けていません
  • このページを共有する

正しく選ぼう!入力フォームにおける選択式項目【種類編】

d_eye_202106

みなさん、こんにちは。ウェブラボデザイナーチームです。 EFO(入力フォーム最適化)という言葉もあるように、Webサイトにおいて入力フォームのデザインは大切ですよね。問い合わせや資料請求、会員登録など、ユーザーが細かい情報を入力して送信する場面のため、細心の注意を払わなければなりません。 フォームには様々な入力要素がありますが、なかでも迷いがちなのが選択式要…続きを読む

Permalink | 正しく選ぼう!入力フォームにおける選択式項目【種類編】 はコメントを受け付けていません
  • このページを共有する

「アイソメトリックイラスト」を使用したWebデザイン

img_s_300_200

みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は、近年、目にすることが増えた「アイソメトリック図法」を用いたイラストを取り入れているWebサイトをご紹介します。   アイソメトリック図法とは アイソメトリック図法(=等角投影図法)とは、立体図法の一種。立体を斜め上から見るように描かれた、3つの直交する座標軸が互いに120度になる図法で…続きを読む

Permalink | 「アイソメトリックイラスト」を使用したWebデザイン はコメントを受け付けていません
  • このページを共有する

日本人が選ぶ「2020年/2021年の色」は何色?

img_s_300_200

みなさん、こんにちは。ウェブラボデザイナーチームです。みなさんは、毎年清水寺で発表される「今年の漢字」や「新語・流行語大賞」のように今年を象徴する「色」も発表されているのをご存知でしょうか。その時代の社会情勢やムードが色濃く反映される「流行色」。今回は、昨年選定された「2020年の色」と「2021年の色」をご紹介していきます。   どうやって選ばれ…続きを読む

Permalink | 日本人が選ぶ「2020年/2021年の色」は何色? はコメントを受け付けていません
  • このページを共有する

スクロールエフェクトを効果的に活用してみよう

001

みなさん、こんにちは。ウェブラボデザイナーチームです。 今回は「スクロールエフェクト」をご紹介します。Webサイトは、掲載する情報が増えるほど、ページがどんどん縦に長くなってしまいます。特に最近はスマホファーストに対応した縦長の画像や、余白を生かしたデザインが多いため、より縦長なページになりがちです。そこでぜひ活用してみてほしいのが「スクロールエフェクト」で…続きを読む

Permalink | スクロールエフェクトを効果的に活用してみよう はコメントを受け付けていません
  • このページを共有する

テクスチャを使用したWebサイトデザイン

img_taxture

みなさん、こんにちは。ウェブラボデザイナーチームです。 今回はサイトの世界観や印象に説得力を持たせたい時に欠かせない、「テクスチャ」についてご紹介します。   テクスチャとは Webおよびグラフィックデザインの分野では、「物体の質感を表現した画像」の総称として使用されています。土や石、木目といった自然のものから、紙、布、鉄といった人工的なものまで……続きを読む

Permalink | テクスチャを使用したWebサイトデザイン はコメントを受け付けていません
  • このページを共有する

配色の基本を学ぼう(トーンと配色編)

001

みなさん、こんにちは。ウェブラボデザイナーチームです。 今回はトーンの関係性に基づいた配色方法について考えていきたいと思います。以前ご紹介した、配色の基本を学ぼう(色相と配色編)という記事の続編です。ぜひ前編と合わせて配色設計の際にお役立てください!   トーンとは? トーンの種類 P:ペールトーン、Ltg:ライトグレイッシュトーン、G:グレイッシ…続きを読む

Permalink | 配色の基本を学ぼう(トーンと配色編) はコメントを受け付けていません
  • このページを共有する