BLOG

新人Webデザイナーの皆さんへ!人物写真のトリミングで失敗しないコツ
投稿日:2021年7月27日

BRISKに入社する前のことですが、 十数年前、新人Webデザイナーとして最初に戴いたお仕事は 百数十枚もの人物の写真をトリミングする、というものでした……。 構図も人物もバラバラで苦労した反面、とても勉強になりました。 人物の写真をトリミングをする上でただ規定のサイズに切り抜く ...

脱!初心者デザイン~色・配色編~
投稿日:2021年6月17日

皆さんはデザインで色を選ぶとき、どんな風に選んでいますか? 好きな色を選ぶ、なんとなくイメージに浮かんだように…でもそれで選んだらなんだかうまくまとまらない!色選びってやっぱりセンスがないとダメなのか…と思っていませんか? 配色に自信がないという人でも安心してください。 配色はセンスが ...

脱!初心者デザイン~文字・フォント編~
投稿日:2021年6月8日

ポスターやチラシ、アイキャッチなどデザインを作ってみたけど…なんだかダサい!どうして!? となった方はいませんか? このブログは 「デザインを作るとき、どこに気を付けながら作ったらいいか分からない…」「デザインを上手く作れるようになりたい!」 といった非デザイナー・デザイン初心者さん ...

初めての実務と研修の振り返り(新卒デザイナーBLOG3期目 2021年5月)
投稿日:2021年5月26日

初夏の爽やかの陽気を感じていたのもつかの間、早くも梅雨入りでじめじめしてきましたね… BRISKでは新卒メンバーたちの1ヵ月の研修期間が終わり、デザイナーのお二人はそれぞれ別のチーム配属され実務を取り組んでいます。 それでは新卒BLOGです! [toc] 新卒A.Mさん A ...

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

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

[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 Part.2
投稿日:2021年2月19日

Part.1 からかなり間が空いてしまいました。 本記事を書いている間にもデザインツールは進歩していて、最新ツールを使いこなしているデザイナーさんならもはや気にする必要のない項目も中にはあるかもしれません。 でも、つい最近も、まさにコーディングしにくいデザインのお手本!という ...

Web制作に役立つ!フォント関連の無料で使えるオンラインツールまとめ7選
投稿日:2021年2月19日

Webサイトを作るうえで欠かせないものの一つに「フォント」を挙げられますが、世の中には数多の新規フォントが日々登場していますよね。フォントが変わるだけで、サイトの雰囲気全体がガラッと変わってしまうくらい、その影響力は計り知れません。できることなら上手く活用したい。今回はそんな想いをかなえてく ...

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

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

季節を感じるデザイン~冬編~
投稿日:2020年11月30日

比較的あったかい秋から急に冷え込んで寒くなってきましたね…もうすっかり冬の気候です。 今回は季節を感じるデザインシリーズの、季節を感じるデザイン~冬編~をお届けします! 冬を感じるデザインの特徴や、冬らしいデザインを作る際のポイントを紹介していきます! [toc] 冬らしいデザインとは ...

季節を感じるデザイン~秋編~
投稿日:2020年9月18日

だんだんと残暑も過ぎ涼しくなってきて秋の気配を感じますね! 今回は季節を感じるデザイン~夏編~の続編の、季節を感じるデザイン~秋編~をお届けします! 秋を感じるデザインの特徴や、秋らしいデザインを作る際のポイントを紹介していきます! [toc] 秋らしいデザインとは 以前紹介した夏 ...

【迷ったらコレ!】Webデザインでよく使う定番おすすめフォント 13選(日本語9フォント欧文4フォント)
投稿日:2020年8月13日

Google Fontsのサービスなど、最近では無料で使えるフォントも増えてきました。 しかし、数もかなり多くどんなフォントを使えばいいのか迷ってしまいますよね。 今回はWebデザインの現場からよく使う定番のフォントをご紹介いたします。 [toc heading_levels="2 ...

【保存版】無料で使える!手書きイラスト素材配布サイト6選
投稿日:2020年8月3日

温かみや優しい雰囲気を出すのにおすすめなのが手書きの素材。 しかし探してみるとなかなかテイストに合わなかったり、雰囲気がイメージと違ったりと結構手間がかかるもの。 今回はそんな手書きイラスト素材を配布しているおすすめのサイトをご紹介します。 各サイトの素材を使ってアイキャッチを作っ ...

【デザイナー向け】参考&情報収集に!チェックしたいおすすめサイト7選
投稿日:2020年7月30日

デザインのトレンドや技術は日々移り変わり進化していくものです。 特に、ウェブデザイン業界はトレンドの変化、技術やデバイス、ツール面の進化のスピードも速く日々情報収集をしていないとなかなかついていけません…。 そんな悩めるデザイナーさんへ今回はデザイナーにおススメのメディアサイトや技術情報 ...

【初心者向け】WEBサイトで使用する良い写真の選び方
投稿日:2020年7月27日

WEBサイト制作に欠かせない要素である写真… 予めクライアントが撮影された・購入した画像を頂ければ一番良いのですが、 素材サイトより写真の選定をお願いします!となって困った経験をした人、居るんじゃないでしょうか。 私も写真探しに苦労し、時間をかけてしまってたあのころを振り返って、今回は写真 ...

【ツール別比較】2020年時点におけるPhotoshop切り抜き方法まとめ
【ツール別比較】2020年時点におけるPhotoshop切り抜き方法まとめ
投稿日:2020年7月8日

デザイン業務において避けて通れない作業のひとつに画像の「切り抜き」があります。 WEBサイトやバナーの中に、素材写真から綺麗に切り抜いた製品や人物の画像が効果的に入っているとそれだけでデザインがぐっと引き立ちます。 皆さんは普段どんな方法で画像の切り抜きを行っているでしょうか。 基 ...

【2020年版】ヘッダー・メガメニュー・スマホメニューのデザイン参考まとめ
投稿日:2020年7月7日

世の中には様々なウェブサイトがありますが、ほとんどのサイトで取り入れられているのがヘッダーですね。 皆さんはどのようなデザインを思い浮かべますか? PC時のデザインであれば、「左端にロゴがあり、右端にナビゲーションとしてリンクがある」といった形を想像される方が多いのではないでしょうか。 作 ...

Adobe XDで作れるデザイン・作れないデザイン(PhotoShopとの比較)
投稿日:2020年6月26日

PhotoShopはデザイナーなら誰もが一度は使ったことがあるデザインツールだと思います。 webのデザイン作成をPhotoShopで行うwebデザイナーも多いですよね。 そこで皆さん、Adobe XDというデザインツールをご存じでしょうか? 今回はXDをPhotoShopと比 ...

スマホの傾き検知、Web制作で使える? or 使えない?
投稿日:2020年6月24日

スマートフォンでアプリを使っていると、時々デバイスの傾きで画面内もお洒落に傾く事があるかと思います。 Webでも出来るかなと思い調べたところ「DeviceOrientationEvent」というものが見付かりましたので、簡単なデモを作成してみました。 今回は手軽にwebpackとBabe ...

Webフォントとは?メリット・デメリットなど 完全ガイド初級編【まとめ】
投稿日:2020年6月11日

最近、ブランディングのためにWebフォントを使用しているサイトを多く見かけますよね。 そんな中、「Webフォントってよく分からない…」「Webフォントって重いんじゃないの…?」「使いたいフォントがWebフォントにない…」と思っている方は多いのではないでしょうか? この記事では「Webフォ ...

季節を感じるデザイン~夏編~
投稿日:2020年6月9日

もう初夏の陽気でどんどんと蒸し暑くなってきました。 夏の気配を感じる中、今回は季節を感じるデザイン~夏編~ということで 夏を感じるデザインとはなにか、また夏っぽいデザインの作り方まで紹介していきます! 【目次】 夏らしさとは? 夏らしさを感じるデザインをつくるには? 配色 ...