-
Web制作
【クリックしたくなる!】ボタンデザインの基礎
ボタンデザインの効果 Webサイト制作において、ボタンは非常に重要なパーツの一つです。 ページ遷移するものお問い合わせフォームなどに使われるCTAボタンのデザインにこだわることで、ユーザーを獲得しやす...
-
Web制作
デバイス別「スーパーリロード」の方法教えます。
制作会社にWebサイトのデザイン変更を依頼したのに、いざ見てみると「何も変わってないやん…」「スーパーリロードってなんぞや」ってことがあると思います。そんな時はぜひこの記事を活用してみてく...
-
Web制作
【Web制作に役立つ】ファーストビューについて解説
ファーストビューとは? Webサイトを訪れたときに最初に目にするものが ”ファーストビュー” です。 メインビジュアル、キービジュアル等の言い方もありますね。 サイトを訪れたユーザーにインパクトを感じ...
-
Web制作
よりよく魅せる!画像加工のコツを紹介
サイト制作で画像を使うのはなぜか? webサイトのデザインにおいて、画像や写真は必須の要素です。 例えばサービスサイトやLPサイトがほとんどが文字で構成されていたら、何の説明なのか理解できず「別の商品...
-
Web制作
【徹底解説】LPサイトとは?
LPサイトって? LPサイトとは、ランディングページ(Landing Page)の略称です。 ランディングページの目的は、商品の購入やお問い合わせに繋げること。サイトを見た人にアクションを起こしてもら...
-
Web制作
【Webデザインで使える】コンセプトカラー配色のポイント
配色カラーは、デザインをする際に重要な要素です。 今回はデザインをする上で決めるべき「コンセプトカラー」についてお話します。 コンセプトカラーとは? まず、コンセプトカラーというのは、目的に合わせて設...
-
Web制作
【コーディング効率UP!】Tailwindってなに?
みなさんは、Web制作でフレームワークを使っていますか? フレームワークを使えば、コーディングの時間短縮や、css命名地獄から抜け出すことが可能です…! 今回は、筆者が制作に導入したフレームワークであ...
-
Web制作
アイキャッチのデザインテクニック 【初心者向け】
アイキャッチとは? Webサイト上において、ユーザーの視線を引きつける大きめの画像のことを「アイキャッチ」と言います。 ちなみに、アイキャッチ画像を縮小したものは「サムネイル」と呼ばれます。 印象的な...
-
Web制作
【Web制作に役立つ】おしゃれなフリーイラスト素材サイト10選
みなさんは、Web制作でイラストフリー素材を使っていますか? 何かサイトが物足りない時、こんな画像を使いたいけれど自分では用意できない…。そんな時にお世話になるのがフリー素材サイトです。 今回は、筆者...
-
Web制作
【配色の参考】おすすめサイト5選
配色で悩んでしまう人必見!おすすめの参考サイトを5つお教えします。配色に自信がない人は是非ご一読ください。