デザイン制作に役立つプチ情報 【webデザイン制作に役立つ】今の作業にちょい足しして、ワンランク上のワイヤーフレームづくり！
ワンランク上のワイヤーフレームづくり
webサイトを作る上で重要な「ワイヤーフレームづくり」ですが、
日頃から「もっと上級デザイナーの方々のようなワイヤーフレームに仕上げたい！」と思い、今の作業に何かちょい足しできるコ...
デザイン制作に役立つプチ情報 デザインを学ぶ 【webデザイン制作の参考に】いろんなヘッダーデザインを調べてみた！②
ロゴを左端に配置
ロゴのサイトの左端に配置しているデザインです。
このようにあえてロゴを孤立させたり、ロゴだけにオレンジに背景色をあてていることもあり、より社名が目立っていいですね。
...
デザインを学ぶ 【webデザイン制作の参考に】いろんなヘッダーデザインを調べてみた！①
①背景にイラスト
個人的にあまり見たことがなかったのが、ヘッダー背景にイラストを配置しているサイトです。
これはいい案ですね！真っ白だと味気ないですが、このイラストが入るだけで賑やかな印象！
また、ヘッダ...
デザイン制作に役立つプチ情報 【webデザイン制作に役立つ】癖が強すぎない、使いやすそうな筆記体フリーフォントを調べてみた！
筆記体フリーフォント①Gardenia Script
筆記体フリーフォント②Dancing Script font
筆記体フリーフォント③Soljik Damba...
Photoshopを上達させよう 【webデザイン制作に役立つ】Photoshopを使っていろんなパターンの加工をしてみた！
いろんなパターンで加工
こちらの猫ちゃんの画像を使って、いろんな加工をしてみたいと思います。
加工①色味をはっきりさせる
「色相・彩度」で彩度を66に調整。
加工②温かみをU...
デザインを学ぶ 【webデザイン制作の参考に】最近よく見かける子ページのヘッダーデザインをまとめてみた！
気になるヘッダーデザイン
ヘッダーのh1にメインビジュアルを配置するデザインだと、
h1と画像を重ねて配置するデザインが多かった印象ですが、
最近よく見かけるのがh1→画像の順番で重ならずに配置されているデザイン...
デザイン制作に役立つプチ情報 【webデザイン制作の参考に】今はデザインもサブスク？どんなサブスクがあるのか調査してみた！
デザインのサブスクって？
「サブスク」ってよく聞きますよね！
サブスクはサブスクリプション（subscription）の略で、一定額を支払うことで一定期間利用できるサービスを指すんだそうです！
デザインについての...
SEO対策を学ぶ 【webサイト制作の参考に】UXの重要指標となる「コアウェブバイタル」とは？
Googleが発表したUXに関する重要指標
「コアウェブバイタル」は2020年にGoogleが発表したUXに関する３つの指標で、今年2021年からSEOのランキング要因に組み込まれる予定になっているようです。
もともと「ウェブ...
デザインを学ぶ 【webデザイン制作の参考に】固定サイドバーを取り入れているサイトを調べてみた！
固定サイドバーとは
サイドバーを動かないように固定したレイアウトで、
メインコンテンツのみスクロールが可能なので常にサイドバーが表示されている状態になります。
特に最近はコーポーレートサイトでも非常に多いですよね...
アニメーションまとめ 【webデザイン制作に役立つ】デザインに取り入れやすい！アニメーションを使ったサイトを調べてみた！
遊び心のあるアニメーション
こちらのサイト、目立つようなアニメーションは使われていないんですが、
スクロールしていくと見出しを囲っている線が動く仕組みになっています。
こういった少ない動きでも遊び心を感じ...