デザイン制作に役立つプチ情報

【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に関する3つの指標で、今年2021年からSEOのランキング要因に組み込まれる予定になっているようです。 もともと「ウェブ...
デザインを学ぶ

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

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

【webデザイン制作に役立つ】デザインに取り入れやすい!アニメーションを使ったサイトを調べてみた!

遊び心のあるアニメーション こちらのサイト、目立つようなアニメーションは使われていないんですが、 スクロールしていくと見出しを囲っている線が動く仕組みになっています。 こういった少ない動きでも遊び心を感じ...
タイトルとURLをコピーしました