BLOG

新卒でWebエンジニアになる為のポートフォリオ
新卒でWebエンジニアになる為のポートフォリオ
投稿日:2022年1月20日

これから新卒でWebエンジニアを目指すみなさん、どんなポートフォリオを作ればいいかお悩みではないでしょうか? この記事ではそんな悩めるあなたに向けて、ポートフォリオ作成のポイントをご紹介します! ポイントを正しくおさえて採用者に刺さるポートフォリオを作成しましょう! [toc] ...

インフォグラフィックとは?ゼロから作成まで徹底解説!
投稿日:2022年1月11日

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

HTML・CSSコーディングを上達させるための方法とコツを解説!【初心者向け】
投稿日:2022年1月7日

HTML・CSSはWebサイト制作の基本です。 最近ではノーコードでサイト構築ができるサービスも多いですが、Webサイト制作に携わりたいとか自分のサイトを自由にカスタムしたいという時には、避けては通れない道です。 (HTML・CSSが書けなくても、多少の知識と理解は必要です。) 学生さ ...

【保存版】サンクスページのシーン別例文まとめ
投稿日:2022年1月5日

ホームページを作成するにあたってお問い合わせページは必須だと思います。 お問い合わせがあるということはサンクスページも必要になってきます。 本記事では、お問い合わせ、資料請求、商品購入、会員登録など、 特によく必要となる内容を中心にシーン別のサンクスページの例文をご紹介します! ...

【保存版!】自動返信メールのシーン別例文まとめ
投稿日:2021年12月21日

「自動返信メールを使ってみたいけど、目的別に文章を考えるのが大変」 「こんなとき、どんなメール文面にしたら良いだろう...」 と迷われたことはありませんか? 大した内容ではないはずなのに、いざ考えてみると意外と時間がかかるのが自動返信メールの文面ですよね。 特にサイト制作会社側の立場 ...

CSSの数学関数を使って記述をスマートに!【calc(), min(), max(), clamp()】
投稿日:2021年12月16日

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

【2022年へ向けて】Webデザイン参考サイトまとめ【Web/LP/バナー/SNS広告】
投稿日:2021年12月9日

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

【作業を時短!】一目でわかるPremiere Proのエフェクト集
投稿日:2021年12月3日

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

【デザインイメージ別】背景パターンの選び方・作例まとめ +無料のパターン素材も紹介!
投稿日:2021年12月2日

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

【コピペでOK】サイトを印象的に!ホバーアニメーションまとめ【デモ・サンプルコード付き】
投稿日:2021年11月26日

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

【2022年 Web/UI】最新のデザイントレンド予測!
投稿日:2021年11月25日

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

デザイナーが最低限知っておくべきWebライティングの基礎
投稿日:2021年11月17日

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

最近流行しているWEBデザインに使用されているイラストを分析!
投稿日:2021年10月27日

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

【デザイナー志望必見】WEBデザインとグラフィックデザイン比較してみた!
投稿日:2021年8月24日

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

WordPressとは?制作会社がメリット・デメリットを解説!
投稿日:2021年6月4日

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

季節を感じるデザイン~春編~
投稿日:2021年3月30日

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

【学生さん向け】ポートフォリオに載せるためのWebサイトの作り方【コーディング編】
投稿日:2021年2月8日

就活にポートフォリオは欠かせませんね。 Web業界に就職したいと考えている学生さん向けに、ポートフォリオに載せるためのWebサイトの作り方についてまとめてみたいと思います。 本記事では特にコーディング初心者さん向けに、フォルダ構成やリセットcssなど、かなり初歩的な内容を分かりやすく説明 ...

モダンなサイトで良く見るWeb表現技術
投稿日:2021年2月1日

デザイン通りにコーディングできるようになってきてプログラムにもそこそこ強くなったけど、Awwwardsなどに掲載されているWebサイトを見ているとどうやって作られているかわからない…そんな経験はありませんか? 今回はモダンなブラウザで良く見るWebサイトを少し豊かにする知識と技術を簡単にまとめ ...

【コピペでOK】イメージ別!サイトをリッチに見せるためのCSSアニメーションまとめ【デモ・サンプルコード付き】
投稿日:2021年1月7日

最近ではアニメーションが実装されたWebサイトも多くなり、趣向を凝らしたリッチな演出を取り入れているサイトもそう珍しくなくなってきました。 特に重要な要素を動かすことで興味を引かせたり、飽きずに読み進めてもらうためのきっかけになったり、といったメリットがありますよね。 ただ、アニメーショ ...

After EffectsとPremiereどっち派?機能から将来性まで比較しました
投稿日:2021年1月6日

こんな人におすすめ! ・動画制作をやってみたいけど、どのソフトを使えばいいのか分からない ・あの動画、どのソフトで作ってるの? ・After EffectsとPremiereどっちを使った方が就職に有利? 動画編集をやってみたい、と思ったらほぼ間違いなく選択肢に出 ...