2021-09

フォント特集

【webデザイン制作の参考に】コーポレートサイトってどんなフォントが使われてるの?

フォントを調査してみた! 今回は、ギャラリーサイトでデザインが気になったサイトをピックアップし、どんなフォントが使われているのかで集計してみました。 集計数は少ない(笑)ですが、それだけでも使われているフォントに差が見...
デザインを学ぶ

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

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

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

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

【webデザイン制作に役立つ】今の作業にちょい足しして、ワンランク上のワイヤーフレームづくり!

ワンランク上のワイヤーフレームづくり webサイトを作る上で重要な「ワイヤーフレームづくり」ですが、 日頃から「もっと上級デザイナーの方々のようなワイヤーフレームに仕上げたい!」と思い、今の作業に何かちょい足しできるコ...
デザインを学ぶ

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

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

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

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

【webデザイン制作に役立つ】癖が強すぎない、使いやすそうな筆記体フリーフォントを調べてみた!

筆記体フリーフォント①Gardenia Script 筆記体フリーフォント②Dancing Script font 筆記体フリーフォント③Soljik Damba...
Photoshopを上達させよう

【webデザイン制作に役立つ】Photoshopを使っていろんなパターンの加工をしてみた!

いろんなパターンで加工 こちらの猫ちゃんの画像を使って、いろんな加工をしてみたいと思います。 加工①色味をはっきりさせる 「色相・彩度」で彩度を66に調整。 加工②温かみをU...
デザインを学ぶ

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

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

【webデザイン制作の参考に】今はデザインもサブスク?どんなサブスクがあるのか調査してみた!

デザインのサブスクって? 「サブスク」ってよく聞きますよね! サブスクはサブスクリプション(subscription)の略で、一定額を支払うことで一定期間利用できるサービスを指すんだそうです! デザインについての...
タイトルとURLをコピーしました