ブログBLOG

CSSの数学関数を使って記述をスマートに！【calc(), min(), max(), clamp()】

CSS関数をご存じですか？ よく使うのがcalc()やtranslate()、rgba()などで、関数名 + ()で記述されるもののことを指します。 今回は、中でもCSSの数学関数に焦点を絞って解説していこうと思います。 calc()は普段から使っている方も多いと思いますが、min() ...

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

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

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

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

【コピペでOK】CSSのホバーアニメーションまとめ（デモ・サンプルコード付き）

ナビゲーションやボタンは、サイトを閲覧するときに必ず操作する要素ですよね。 ちょっとした要素に素敵なホバーアニメーションがついていると、細部へのこだわりが見えて、サイトの印象もよくなります。 また、ナビやボタンのホバー時のデザインはなく、コーダーにおまかせということもあります。 コ ...

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

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

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

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

最近流行しているWEBデザインに使用されているイラストを分析！

最近のWEBサイトではコンテンツのあしらい仕様のほかに、 MVや、キービジュアルにイラストを使用しているサイトも多くみられますよね。 一口にイラストといっても種類は様々で、サイトにあうイラストを作成したいけど、どんなデザインがいいかな？ 作るサイトにあうイラストを探すなら、どんなものがあるだろう ...

【デザイナー志望必見】WEBデザインとグラフィックデザイン比較してみた！

デザイナーを目指している方はきっとWEBデザイナーとグラフィックデザイナーはどう違うのか迷ったことがあるのではないでしょうか？ BRISKはWEB制作会社なので基本はWEBデザインを制作することが多いですが、印刷系のお仕事も定期的にご依頼いただいており、私も少し前に冊子やチラシのデザインに携わ ...

WordPressとは？制作会社がメリット・デメリットを解説！

WordPress(ワードプレス)についてどういうものなのか調べてみても「専門的な知識がなくても作ることができます！」という言葉ばかり出てきませんか？ でもそれはすでに用意されているテーマを使用する人向けのことでオリジナルのデザインで本格的にサイト制作をしたい人にとっては、知りたいのはそう ...

季節を感じるデザイン～春編～

まだ寒さは残りますが徐々に日差しが柔らかく感じてきましたね～ 今回は季節を感じるデザインシリーズの、最後となる季節を感じるデザイン～春編～をお届けします！ 春を感じるデザインの特徴や、春らしいデザインを作る際のポイントを紹介していきます！ 春らしいデザインとは 春らしいデザインは始まりの季節 ...