※はてブの総合ホッテントリと、noteの公式マガジンに入りました！ こんにちは。Kazutaka Shimizuです。

デザインの引き出しを増やすためにも、トレンドを押さえておくことは大切です。 タイポグラフィ、カラー、形など、デザインの基本となる要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 2019 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見るのも面白いと思うので、過去分も。 2018年のロゴデザインのトレンド 2017年のロゴデザインのトレンド 2016年のロゴデザインのトレンド 2015年のロゴデザインのトレンド 2014年のロゴデザインのトレンド 2013年のロゴデザインのトレンド 2012年のロゴデザインのト

こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー

WEBやDTP、ビジネス資料などで使える背景素材を商用可でフリー（無料）ダウンロードできる『Bg-Pattrens』。 色や形、サイズも自由にカスタマイズして自分のオリジナルの背景を作ろう。

コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は

無料で利用できるベクター素材は、制作時間のかかりそうなイラストやパーツなどを手軽に利用できる、グラフィックデザインでも重宝するアイテムです。 今回は、さまざまなシーンで利用可能な、高品質なベクター素材を無料ダウンロードできるサイト22個を国内、海外編に分けてご紹介します。 ベクター素材のクオリティが高いのはもちろん、商用利用にも対応したフリー素材が数多く公開されています。制作時間が短縮したいというときにいかがでしょう。 デザイン力で勝負する！ベクター素材を無料ダウンロードできるWebサイト厳選22個まとめ 海外編（全12サイト） unDraw デザイン性の高さだけでなく、豊富なジャンルを網羅したスタイリッシュなベクターイラストを多数公開しています。すべてのイラストのタッチが統一されているので使いやすく、その場で配色を変更、確認することも可能。 Humaaans 着せ替え人形感覚で、人間のイ

個人でも商用でも無料利用できる、日本語のフリーフォント699種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の647からフリーフォントが50種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/2/20: フォントを11種類追加 2023/12/26: フォントを15追加、13削除、リンク先を更新

🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH 2018-10-24 21:34:52

Figma：https://www.figma.com/ （2019 年 12 月 1 日 ： 古くなって意味消失してた部分を編集しました） Figma とは デザインツール、Figma をご存知でしょうか。 一言で表すならば、コラボレーション機能満載の Sketch です。 本記事を公開した 2017 年時点では、あまり知名度が高くなかったものの、2019 年時点ではだいぶユーザーが増えたように感じます。Google Trends で、Sketch と XD、そして Figma の今と昔を比較してみます。 2017 年 2019 年 （純粋には比較できませんが）2 年前は Sketch と Figma に約 25 倍も開きがありました。ですが現時点では約 10 倍くらいでしょうか。日本ではなんと逆転しています。（タイトルの通り！） そこでもう少し Figma に頑張ってもらうべく、本記事

「ようこそ、デザインの世界へ」 2017年6月23日。ふと時間ができたので久しぶりに文章を書いてみています。 はじめましてカイと言います。90年生まれ、宮崎出身。大学から大都会東京デビュー。社会人歴は４年ぐらいです。 2014年に新卒で爆発直前のmixi社でコミュニティ事業のUIデザイナーと働き、その後新興経済メディアNewsPicksでUIデザインからプロダクトマネージまでを担当するデザイナーとして働いていました。2017年現在は仲間と会社を立ち上げサービスを作っています。 この間、「今、webマーケーターとして働いているんですが、UIデザイナーとして活躍してみたいんです。」という連絡がFBできました。 僕が独学でデザインを始めて今も働けていることを知って連絡をしてくれたんだと思います。 twitterか、もしくはSTORYS.JPというサービスに書きなぐった独学デザイナーの日々（未完）

デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの

前の前に所属していた会社では、社内用の各種管理ツールやBtoB向けのソリューションなどのWebアプリケーションを開発していたことがありました。ちょうどその時期に業務系ツールのUI/UXに関してまとめておいたメモが見つかり、目を通すと意外と的を得たことが書いてあったりしたので、再び記憶から忘れ去られてしまう前にここにアップすることにしました。2011年頃にまとめたやつですが、参考できる部分があれば是非参考にしてみてください。 業務系ツールを開発するときに気をつけたいこと1. データ（情報）を削除させる場合は、ボタン一押しで削除できるようにしない。ユーザーが誤ってデータを削除してしまうことを防ぐ。「削除してもよいですか」などのアラートを必ず出すようにする。また誤って削除してしまっても復活できるように、削除したデータは削除フラグを立てたり、ゴミ箱用DBに保存したりしておく。 2. フォームチェッ

この記事を書いた人 原田ちあき 「よいこのための悪口メーカー」と称し、主にサブカル系女子から熱狂的人気を誇り、最近は海外でも人気に。 恋愛など実体験漫画の「原田ちあきの挙動不審日記」を書籍化。@cchhiiaakkii じゃらん編集部 こんにちは、じゃらん編集部です。 旅のプロである私たちが「ど～しても教えたい旅行ネタ」を みなさんにお届けします。「あっ！」と驚く地元ネタから、 現地で動けるお役立ちネタまで、幅広く紹介しますよ。

「みんなのごはん」をご覧のみなさん、初めまして！　ライターの社領エミです！ みなさん。突然ですが、この紅茶をご存じですか？ こちらは、私が大好きな「ムレスナティー」というフレーバーティー。おいしさもさることながら、パッケージが独創的すぎると一部でものすごい話題を呼んでいるんです。 まずはこちら、「メープルの森」という紅茶のパッケージをご覧ください。 メープルの森へいこうよォッの紅茶……？ これ、紅茶のタイトルなんですよ。 箔押しで「メープルの森へいこうよォッ」って、え？　メープルの森ってどこ？　こんな紅茶、見たことなくないですか!? ちなみにこのパッケージ、側面もすごいんです。くるっと回すと、ポエムがぎっしり書いてありまして……、 何この不思議なポエム？ ……ディヴィットさんが主語？ 「OH-」？　そもそも、ジュリエッタとマリアって誰？　最後の「あなたは誰なの？ムレスナさんですかぁ？語録」

タイプフェイス 明朝体 角ゴシック 丸ゴシック 楷書体 宋朝体 清朝体 教科書体 行書体 草書体 勘亭流 江戸文字 デザイン毛筆 古印体 隷書体 篆書体 POP体 手書き風書体 リアル手書き デザイン書体 新聞書体 アンチック体 字幕書体 その他 セリフ サンセリフ 欧文手書き 筆記体 ブラックレター ディスプレイ

デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ