こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本

2023/08/25 244 users 書体 本書 レイアウト クオリティ テクニック

デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日...記事の続きを読む 続きを読む

最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2023 Logo Trends Report

2023/06/22 272 users すごいデザインテクニック ロゴデザイン 引き出し トレンド

デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元... 続きを読む

2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

2022/06/30 285 users ロゴ トレンド デザインテクニック ロゴデザイン まとめ

2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、... 続きを読む

音楽、数学、タイポグラフィ - シフトブレイン／スタンダードデザインユニット

2019/11/19 85 users スタンダードデザインユニット プレゼンテーション 数学 最初

先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかという... 続きを読む

タイポグラフィを活用するための12のツール | UX MILK

2018/11/12 64 users ソフトウェアデベロッパー UX MILK Nick ツール

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 デザイナーがコンテンツを重視したアプローチの利点を理解するにつれて、タイポグラフィがデザインプロセスで欠かせないものになってきました。 Web上の95％もの情報は文字で書かれてい... 続きを読む

デザインの一貫性の重要性とは | UX MILK

2018/09/03 68 users UX MILK 一貫性 デザイン 重要性 アーツ

Chris氏はプロダクトマーケティングマネージャーであり、デザインとタイポグラフィのバックグラウンドを持っています。アカデミー・オブ・ファイン・アーツでインストラクターを務め、学生にデザイン理論とソフトウェアデザインについて教えています。 デザインシステムをどのように作成すれば、サービスが拡大する際に... 続きを読む

きみは「serial experiments lain」を知っているか　20周年を経ていまだ続く実験 - ねとらぼ

2018/07/21 900 users serial experiments lain キミ 実験

「プレゼント・デイ■　プレゼント・タイム■」 1998年7月6日25時15分。白地に大写しにされた赤字のタイポグラフィ。歪な笑い声とともに一本のアニメが放映された。「serial experiments lain」。 リマスター版BD BOXが発売中 キャラクター原案は「灰羽連盟」などで知られ、先日「RErideD -刻越えのデリダ-」への参加も発... 続きを読む

バウハウスの失われたフォント、アドビが復刻 - ITmedia NEWS

2018/06/12 60 users バウハウス アドビ フォント 復刻 アート

アートに多大な影響を与えたバウハウス。その歴史に埋れていたタイポグラフィがアドビの手により復活。Creative Cloudで利用できるようになった。 続きを読む

最近のロゴに使われているデザインのトレンド、テクニックの総まとめ -2018 Logo Trends | コリス

2018/05/30 81 users コリス Logo Trends 質感 ライセンス リズム

ロゴのデザインって、見ているだけでも楽しいですよね。 ロゴにはタイポグラフィ、カラー、形、質感、バランス、リズム、配置など、デザインの基本となる要素が詰まっています。 最近のロゴに使われているデザインのトレンド、テクニックを紹介します。 2018 Logo Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見... 続きを読む

CSSでバーティカルリズムを実現しよう！line-height-stepを使ってみる | HTML5Experts.jp

2017/11/14 56 users CSS Vertical rhythm ワープロ 類似 リズム

「バーティカルリズム」（Vertical Rhythm）と呼ばれるデザイン手法があります。最近は関連記事も増えてきたので聞いたことがある、という方もいらっしゃるかもしれません。日本語本来のタイポグラフィでは「行取り」と呼ばれる類似の手法があり、ほぼ全ての印刷物やワープロで使われています。 「行取り」あるいは「バーティカルリズム」とは、要素の配置に一定のリズムを取り入れることで、デザイン上の安定感や... 続きを読む

フォントの組み合わせが分かるとデザインが楽しくなる！Googleフォントの美しい組み合わせ総まとめ | コリス

2017/07/19 60 users コリス ミニマル フォント Googleフォント 組み合わせ

美しく見せるGooleフォントの組み合わせをクラシック名画と共に紹介します。 文字を使って、モダンな雰囲気を演出したり、ミニマルなデザインを作り出したり、タイポグラフィを勉強するときの参考にどうぞ。 The Ultima ...記事の続きを読む 続きを読む

ココに注目！最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2017 Logo Trends | コリス

2017/06/08 76 users コリス Logo Trends 質感 ライセンス 原則

ロゴのデザインには、タイポグラフィ、線、形、色、質感、バランス、リズム、配置など、デザインの基本となる要素や原則が詰まっています。最近のトレンドが効果的に取り入れられたロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2017 Logo Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見... 続きを読む

フリーフォントとは思えないほどかっこいい！ミニマルにデザインされたPhotoshopとIllustrator用のロゴ素材 | コリス

2017/02/21 66 users コリス フリーフォント psd Photoshop ミニマル

フリーフォントを使用して、タイポグラフィといくつかの形を組み合わせてデザインされたミニマルなロゴを作成するテンプレート素材を紹介します。 ロゴのデザインは、全部で20種類。 .psdと.aiが揃っており、ロゴの文字は好き ...記事の続きを読む 続きを読む

デザインの勉強になる！有名ブランドのロゴで使われているデザイン、タイポグラフィ、イラスト -Logo Miner | コリス

2016/11/22 61 users コリス インスピレーション フォント 感じ タブ

さまざまな有名ブランドのロゴで使われているデザイン、タイポグラフィ、イラストがまとめられた「Logo Miner」を紹介します。 フォントは何だろう？ 形をどう使っているのか？ カラースキームはどんな感じ？ デザインの勉強に、インスピレーションを与えるロゴが数多くあります。 Logo Miner 各ロゴは、タブをクリックで、ロゴのデザイン・タイポグラフィ・カラーパレットに切り替えることができます。... 続きを読む

最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2016 Logo Trends | コリス

2016/05/24 1207 users コリス 引き出し トレンド 要素 ロゴデザイン

デザインの引き出しを増やすには、人気があるトレンドを押さえておくことは大切です。 ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニッ ...記事の続きを読む 続きを読む

独学でWebデザインの知識が身につく！デザイナー初心者が絶対に抑えておきたいサイト・記事14選

2016/05/13 463 users 独学 jQuery webデザイン コピーライティング 知識

HTML、CSS、JQuery、WordPress、タイポグラフィ、配色、コピーライティングなどなど、Webデザイナーに求められるスキルは多岐に渡ります。 より多くのスキルを使いこなせるほど、Webデザイナーとして活躍できる場面は増えていくでしょう。 本記事では、これらのスキルを身につける必要性を解説した上で、独学でも学べるサイトや記事を紹介します。 HTML5、CSS3を学習できるサイト・記事 ... 続きを読む

なぜタイポグラフィにおいてVertical Rhythm（バーティカルリズム）は重要な手法なのか？ | デザイン | POSTD

2016/03/25 171 users POSTD Vertical rhythm 手法 web 言葉

Webのタイポグラフィについて少しでも調べたことがあるなら、**Vertical Rhythm**という言葉を耳にしたことがあるのではないでしょうか。タイポグラフィを用いて仕事をする場合、最も重要な手法の1つです。このことについて知って以来、私は自分のサイト全てにVerticalWebのタイポグラフィについて少しでも調べたことがあるなら、 Vertical Rhythm という言葉を耳にしたことが... 続きを読む

持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方 | コリス

2016/02/04 398 users コリス スライ フォント スライド デザイナー

フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライド と同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライ... 続きを読む

日本語フォントの書体の選び方・組み合わせ方、そしてデザインする日本語タイポグラフィのテクニック | コリス

2016/01/29 339 users コリス DTP 書体 スライド 日本語タイポグラフィ

明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部 は、タイポグラフィの大... 続きを読む

Typekit でモリサワ書体が利用可能になります。 | Adobe Creative Station

2015/10/06 192 users Typekit モリサワ書体 森澤 プレスリリー ワークフロー

日本語のタイポグラフィの分野では業界標準といえるモリサワ書体が、Typekit をとおして、Web およびデスクトップアプリケーション上で利用可能になります。これによって、日本語コンテントを制作するデザイナーの創造的なワークフローは著しく強化されることになり、この領域で弊社のサービスを構築できることは、たいへん喜ばしいことです。 株式会社モリサワ 代表取締役社長 森澤 彰彦氏は、同社のプレスリリー... 続きを読む

マイクロソフト、OfficeのUIフレームワークを「Office UI Fabric」としてオープンソースで公開 － Publickey

2015/09/02 266 users fabric Publickey ローカライゼーション 公開

マイクロソフトは、Office 365などのWebサイトで実際に使われているOffice UIを構成するフレームワークを「Office UI Fabric」としてオープンソースで公開しました。 フレームワークが備えているのは、タイポグラフィ、テーマカラー、アイコン、アニメーション、レスポンシブグリッドレイアウト、ローカライゼーションなど。 真ん中がOffice UI Fabricを用いたWeb版の... 続きを読む

本格的なロゴデザインを完成させる！ロゴグリッドの使い方と注意点まとめ - PhotoshopVIP

2015/08/31 114 users PhotoshopVIP cons 図形 ロゴデザイン 使い方

海外デザインブログDesignShackで公開された「What’s a Logo Grid, and Why Should You Use One?」より許可をもらい、日本語抄訳しています。 ロゴデザインが必要になったとき、あなたなら何から始めるでしょう。図形から？タイポグラフィ？それともグリッドでしょうか。 ロゴグリッド（英: Logo Grid）またはコンストラクション・ガイド（英: Cons... 続きを読む

【画像】 佐野デザイン五輪エンブレム　ついに原案のパクリ元が発見される - 痛いニュース(ﾉ∀`) : ライブドアブログ

2015/08/30 195 users ライブドアブログ 原案 ドラゴンスリーパー パクリ元 Eve

【画像】 佐野デザイン五輪エンブレム　ついに原案のパクリ元が発見される 1 名前： ドラゴンスリーパー(庭)＠＼(^o^)／：2015/08/30(日) 08:59:03.11 ID:rkNvEO5n0.net ヤン・チヒョルト展　2013年11月01日 〜 2013年11月26日 20世紀モダン・タイポグラフィの巨人ヤン・チヒョルト http://www.tokyoartbeat.com/eve... 続きを読む

【炎上】佐野研二郎エンブレム原案はヤン・チヒョルト展からパクったことが判明！同時に佐野研二郎が展覧会に行っていた証拠も見つかった！ | netgeek

2015/08/30 275 users チヒョルト netgeek 原案 エンブレム原案 頭文字

「実は佐野研二郎氏がコンペに応募したデザインは元は違うものだった」。オリンピック委員会がそのように説明して公開した原案について、また新たな新事実が判明した。 まずは銀座で開かれた20世紀モダン・タイポグラフィの巨人ヤン・チヒョルトの展覧会の画像をみてほしい。 Jan Tschicholdの頭文字をとってJ・Tと掲げられた旗に、佐野研二郎氏がつくったエンブレム原案とそっくりな「T」の文字が確認できる... 続きを読む

デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips | コリス

2015/07/12 703 users コリス コツ エフェクト スキルアップ グラフィック

グラフィック、タイポグラフィ、カラー、エフェクト、要素の構造、配置など、デザインのスキルアップに役立つ50のデザインテクニックを紹介します。 50 Tips to Make You a Better Designer 下...記事の続きを読む 続きを読む