CSS Flexboxで使いたい40個のプロパティ【🔰初心者でも安心のチートシート！】
CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 要素を横並びで配置したいときなど、前まではfloatなどを使ってレイアウトを組む方法が一般的でしたが、 今ではFlexbox…
Webフォントの3つのメリットと3つの注意事項
CSS3から登場したWebフォントは、サイトのデザイン面や開発面に大きな影響を与えました。その利便性の高さから、現在数多くの企業が導入しています。 ただ、Webフォントにはメリットがある一方で、デメリットもあるため注意が…
日本語対応のWebフォントサイト5選
Webサイト制作においてWebフォントの利用は当たり前となりました。 Webサイトにおけるフォント使いは、サイトイメージを決定付ける大きな要因といえます。特に、Webサイトの多くを占める日本語のフォントはこだわるべき点と…
超重要! BtoBにおけるWebサイトの6つの役割
Webサイトの重要性について、あえて今更言う必要はないでしょう。オフィシャルホームページを持っていない企業はほとんどないのではないでしょうか。 しかし、10年前の創業当時からリニューアルされていなかったり、スマートフォン…
【アート思考】写真・カメラ入門｜初心者が1ランクアップするために【全10回】
Adobe Creative Cloudの登場により、何かを作ることが非常に身近になりましたね。Adobe Creative Cloudに入ればプロが使っている数十万円のツールが数千円で使い放題です。 しかし写真について…
これを見れば良質なLINEスタンプが作成できる【全5回】
LINEスタンプ、一時期はやりましたね。一時的なブームが去ってLINEスタンプを使って儲けようといった風潮はなくなりましたが、企業のキャラクター活用はどんどん進んでいます。 代表的なものではエネオスの「エネゴリ君」やso…
【完全保存版】地味に役立つ! AdobeXDのおすすめプラグイン5選
ほぼ毎月のようにアップデートが行われているAdobe XD。 デフォルトでも機能追加がどんどん進んではいるのものの、こんなのあったらもっと便利だなと思ったりしちゃいます。 そこで今回はたくさんあるプラグインの中で、地味だ…
これは押さえておきたい！7つのデザインちょい技【文字編】
今回は普段バナー制作をしている中で、これに気づいて取り入れるとより綺麗に見えるちょい技についてご紹介したいと思います！ デザインにおける文字の扱いは結構重要ですので、ぜひ参考にしていただければと思います。 ※フォントの種…
効果が上がるCTA|ボタンの色・テキスト・位置・動きを解説
「最近、Webサイトのコンバージョン率が低い」 「CTAボタンを設置したのに成約につながらない」 「そもそも効果的なCTAボタンの作り方がわからない」 CTAボタンはサイトを訪れたユーザーに対して、何らかの行動を喚起しま…
覚えておきたいUIデザインの基本！【８つの視覚誘導編】
良いデザインを作るには、見た目だけでなく使いやすさ・見易さを考慮しないといけないですよね。 その中で、最近よく耳にする「UIデザイン」という言葉をご存知でしょうか？ 今回は、ユーザーが自然と目を向けるような、視覚誘導を利…
【デザインの基礎】文字フォントの重要性と基礎知識、テクニック
「デザインを作ったけどなぜか見栄えが悪い」 「有名なデザインを参考にしたのに同じようにならない」 「いつもフォントを決める段階で苦戦する」 デザインにおいてフォント選びは重要です。優れたデザインの多くは、適切なフォント選…
スマホ写真から卒業！デジタルカメラの特徴と一緒に買いたい機材・アクセサリー
【第1回】超入門！超重要！カメラの４つの露出モードを理解しよう 【第2回】写真のグレードが一段上がる! 9つの「写真の構図」テクニック 【第3回】写真の露出とは？シャッタースピード・絞り値・ISO感度のカメラの基礎知識 …
ABテストツールを活用してWebサイトのPDCA最適化を目指そう
皆さんは、「ABテスト」という言葉を聞いたことはあるでしょうか。 既に実践されている方も多いかもしれませんが、言葉としては知っているものの実践したことはない、あるいは正しく実践できている自信がない、という人の方が多数派な…
初心者でも綺麗な料理写真が撮れる！ライティング撮影基本テクニック紹介
【第1回】超入門！超重要！カメラの４つの露出モードを理解しよう 【第2回】写真のグレードが一段上がる! 9つの「写真の構図」テクニック 【第3回】写真の露出とは？シャッタースピード・絞り値・ISO感度のカメラの基礎知識 …
【色彩デザイン】もう配色で迷わない! 無料で使えるデザインツール Part2
前回の「もう配色で迷わない！無料で使えるデザインツールPart1」では、基本的な配色のデザインツールを中心に紹介しました。今回は、Part2ということで応用的な配色のデザインツールを紹介します。 Part1よりも一歩進ん…
人気の記事
-
現役デザイナーが選ぶ2020年Webデザイントレンド【20選】
-
覚えておいて損はない!顧客を動かすマーケティング心理学6+20選
-
Googleがcookie廃止を発表｜Web広告への影響はほとんどないと予測
-
【保存版】Webマーケティング業界の最新カオスマップ16個集めました
-
動画だけじゃない?7種類のYouTube広告【種類と特徴】
-
写真編集・加工ができる【フォトレタッチソフト人気おすすめ10選】Luminar、Photoshop他
-
優れたバナーのテキスト・デザインに隠された5つの心理学効果【参考バナー付き】
-
Googleアナリティクスで「direct/none」を減らすには?参照元不明になる7つの理由と対策
-
センスを磨くより大事! 効果的なデザイン心理学16選【広告・デザイン・マーケティングに使える】
-
CSS Flexboxで使いたい40個のプロパティ【🔰初心者でも安心のチートシート！】
