ブログBLOG

【最新】Swiperの使い方・カスタマイズを解説！サンプルやオプション15個付き ー基礎から応用までー

Webサイトのコーディングをするなら必修とも言えるスライダー。 スライダー実装用のJSプラグインはいろいろありますが、本記事ではその中でもSwiperを使用した実用的なカスタマイズ例をご紹介します。 デモページを見る まずはこちらのデモページをご覧ください。 片方だけはみ出しているスライ ...

【ロゴ作成のコツを解説！】ロゴの種類やデザイン・サイズなどについて説明

「初めてのロゴ制作、何から手を付けたらいいのかわからない...」 「会社の名前を覚えてもらいたい！というクライアントの要望に応えるロゴにするには？」 このようなことでお悩みの方向けに、本記事では、ロゴの種類と作成の流れを解説いたします！ 種類と流れだけでなく、興味深いロゴの歴史やロゴ完成後の商 ...

【最新版】手抜き厳禁！パンくずリスト・フッターのデザイン参考まとめ

たかがパンくずリスト。たかがフッター。 そう思ってはいませんか？ どちらもユーザビリティを考慮して見やすくデザインする必要のある、 シンプルだからこそ、プロのセンスが問われるパーツデザインなのです。 パンくずリストってそもそもどこに設置したらいいの…？ フッターも手抜きしたくないけど、メインコ ...

インフォグラフィックとは？ゼロから作成まで徹底解説！

みなさんは「インフォグラフィック」という単語を聞いて何を思い浮かべますか？ この単語を聞いたことのある方は「あれだな！」と、ピンとくると思います。 聞いたことのない人は単語から推測して、「イラストを使ったものかな？」などと想像するかもしれません。 本記事ではインフォグラフィックについて0から解説 ...

【2022年へ向けて】Webデザイン参考サイトまとめ【Web/LP/バナー/SNS広告】

今年ももう年末を迎えようとしていますね。 オリンピックが開催されたり、ディズニーシーが20周年だったり、今年もいろいろありましたがあっという間でした。 デザイントレンドは年々移り変わっていて、情報収集は欠かせません。 そこで、2022年に向けて、最新のWebデザイン参考サイトを、Webサイト・レ ...

【作業を時短！】一目でわかるPremiere Proのエフェクト集

Premiere Proで動画を作成していく中で 「こういう動きでシーンチェンジをしたい...」 「テキストも動かしたい...」 と色々動きをつけたくなることは多いですよね。 ですが、そういった動きを付けるのに方法を探すも中々思ったような動きを見つけられず、検索ばかりに時間がかかって結果制作時間 ...

【デザインイメージ別】背景パターンの選び方・作例まとめ +無料のパターン素材も紹介！

今回はデザインに合ったパターン背景の選び方をご紹介します！ 「パターンを使ってみたけどしっくりこない」「今のデザインにどんなパターンを使えばよいか分からない」 そんな方のために、デザインイメージ別にさまざまなパターンをご紹介します！ サイトに統一感や、アクセントを生み出してくれること間違いなしで ...

【2022年 Web/UI】最新のデザイントレンド予測！

2021年も終わりが近づいていますね。 そこで本記事では、2022年のデザイントレンドを予測したいと思います！ 予測だけでなく、解説したり、実際にデザインを作成しているので是非2022年のデザイン作成の 参考にしてみてください。 それではどうぞ！ グラスモーフィズム グラスモーフィズムとは ...

デザイナーが最低限知っておくべきWebライティングの基礎

Webライティングとは？ ブログの記事はもちろん、コーポレートサイト・ECサイトなどの文章を、 Webサイトを閲覧しているユーザーに理解しやすく、読みやすく書くことです。 プロのWebライターさんには及ばないものの、 簡単な文章ならリライトしてデザインを整えるのもWebデザイナーの仕事ではない ...

Illustrator初心者でも簡単3ステップで描けるアイコン作成

Webアイコンといえば、ボタンの遷移先を示したり、サービスの内容を簡潔に表したりと、役割は様々。 「文字だけの情報ではユーザーに伝わりにくい…」 「写真素材ばかりでバランスが悪い……」 そんなとき配置するだけで文字の情報量をはるかにしのぐ存在と言えます。 無料で使用できるアイコンダウンロードサ ...