BLOG ブログ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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