デザインを学ぶ

デザインを学ぶ

【webデザイン制作の参考に】気になるサブページのh2デザインをまとめてみた!

①視認性抜群 メインビジュアルに少し重なるように配置見出しの文字色と背景色のコントラストが強く、視認性もいい意外と見かけない見出しのレイアウトなので、新鮮さがある ②おしゃれなレイアウト ...
デザインを学ぶ

【webデザイン制作の参考に】お問い合わせフォームの入力完了率を高めるために気をつけることとは?

入力完了率を高めるために そのサイトに訪れてもらったからには、お問い合わせにつなげたい。 しかし、あまり入力フォームが長いとユーザーに「入力するのが面倒くさい」と思わせてしまいます。 入力前、または入力途中で諦め...
デザインを学ぶ

【webデザイン制作に役立つ】新R25のクリエイティブ特集「クリエイティブ力を磨くためには?」が面白かった

こんな特集を見つけました Twitterを見ていたら、「クリエイティブ力を磨くためにはどうすればいいのか?」というクリエイティブ特集がおすすめに出てきて、気になったので見てみました。 どうも、記事というより...
デザインを学ぶ

【webデザイン制作の参考に】1つのwebサイトを研究してみよう!①

勉強させていただくサイト ファーストビュー 画像を画面幅いっぱいに配置し、スライダーで見せています。 キャッチコピーを中心の下部に配置することで、画像全体が見えやすく、スライダーの邪...
デザインを学ぶ

【webデザイン制作の参考に】新しいデザイン探しに!気になるサイトをまとめてみた!

株式会社 エブリンク 角丸の使い方が素敵で可愛らしいな〜という印象をもちました。 ファーストビューのフォントともあっていますよね〜 また、各段落のレイアウトも割とシンプルなので参考にできそうです! ...
デザインを学ぶ

【webデザイン制作の参考に】いろんなヘッダーデザインを調べてみた!②

ロゴを左端に配置 ロゴのサイトの左端に配置しているデザインです。 このようにあえてロゴを孤立させたり、ロゴだけにオレンジに背景色をあてていることもあり、より社名が目立っていいですね。 ...
デザインを学ぶ

【webデザイン制作の参考に】いろんなヘッダーデザインを調べてみた!①

①背景にイラスト 個人的にあまり見たことがなかったのが、ヘッダー背景にイラストを配置しているサイトです。 これはいい案ですね!真っ白だと味気ないですが、このイラストが入るだけで賑やかな印象! また、ヘッダ...
デザインを学ぶ

【webデザイン制作の参考に】最近よく見かける子ページのヘッダーデザインをまとめてみた!

気になるヘッダーデザイン ヘッダーのh1にメインビジュアルを配置するデザインだと、 h1と画像を重ねて配置するデザインが多かった印象ですが、 最近よく見かけるのがh1→画像の順番で重ならずに配置されているデザイン...
デザインを学ぶ

【webデザイン制作の参考に】固定サイドバーを取り入れているサイトを調べてみた!

固定サイドバーとは サイドバーを動かないように固定したレイアウトで、 メインコンテンツのみスクロールが可能なので常にサイドバーが表示されている状態になります。 特に最近はコーポーレートサイトでも非常に多いですよね...
デザインを学ぶ

【webデザイン制作の参考に】いろんなサイトのメガメニューをあつめてみた!

①日本通運 子メニューを画像で見せて、その直下にテキストリンクの孫メニューをで配置したメガメニューです。 視覚的にも、メニューが分かりやすくていいですね。 事業内容がきれいに分類できるような場合に活用でき...
タイトルとURLをコピーしました