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

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

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

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

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

最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -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 下...記事の続きを読む 続きを読む

デザインが見違える！大胆なタイポグラフィに映える手描き風がかっこいいフリーフォントのまとめ | コリス

2015/05/22 111 users コリス ブラー かっこいいフリーフォント フォント 要因

最近のトレンドとして、手描き風のフォントを使った大胆なタイポグラフィが注目されています。美しい写真やブラーをかけた写真に重ねたり、ベタ塗りの背景に配置したり、ヒーローヘッダやフラットなデザインにあうのも人気の要因でしょう...記事の続きを読む 続きを読む

『フォントのふしぎ』を読んだらフォントを見る目が変わってしまった | IDEA*IDEA

2015/03/25 460 users IDEA フシギ カリグラフィ フォント 欧文フォント

なんとなく積ん読になっていた「フォントの不思議」を読了。マニアックなテーマではありつつも、個人的にはかーなり面白かったです。なんというか、プロの講演を聞きに行って「あ、今日は当たりだ！」と思ってしまったような達成感がありました。 著者は日本でタイポグラフィやカリグラフィを学んだのちに世界的なコンテストでグランプリを2度受賞、そのあとにドイツに渡り欧文フォントのディレクターをされているというプロ中の... 続きを読む

2014年、フォント好きのための高品質なすごいフリーフォントのまとめ | コリス

2014/12/25 191 users コリス グリフ フリーフォント ウエイト フォント好き

2014年にリリースされた英語のフリーフォントの中から、高品質なものを厳選して紹介します。 ウェイトやグリフが揃っているものも多いので、タイポグラフィの勉強にも役立ちます。 日本語フォントをお求めの方は下記をどうぞ。 2...記事の続きを読む 続きを読む

フォント選びの参考になる！世界で活躍している有名デザイナーたちが選んだフォントのランキング -Typographer’s Typefaces | コリス

2014/12/18 632 users コリス 書体 フォント デザイナー フォント選び

8 Faces magazineで特集されたリードデザイナー8人、世界で活躍している有名なデザイナー64人に4年に渡りアンケートを実施。「もしも8つしか書体を使えないなら、どれを選びますか？」で選ばれたTop25、27書体をランキング形式で紹介します。 正しい書体を選ぶことは、デザインとコミュニケーションにおいて非常に重要な役割となります。 タイポグラフィのデザイナーが厳選した書体のリストから選ぶ... 続きを読む

デザインの勉強にいい！タイポグラフィの素晴らしいアイデアやインスピレーションのまとめ | コリス

2014/11/04 106 users コリス インスピレーション フォント 素晴らしいアイデア 満載

デザインのセンスを磨くには、いいものをたくさん見ること。 タイポグラフィ（主にWeb）の素晴らしいアイデアやインスピレーションが満載のサイトを紹介します。 Discover.typography Gothamなどのフォントをリリースしている「Hoefler & Co.」のフォントギャラリー。自社フォントの使用例がかっこよく掲載されており、各アイテムに使用されているフォントをフォーカスすると、同じフ... 続きを読む

Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ | コリス

2014/08/21 406 users コリス Ado グリッドシステム スキルアップ チートシート

先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Ado... 続きを読む

デザインのレベルを上げる！レイアウトやタイポグラフィに関するまとめ | コムテブログ

2014/06/16 473 users フォント 名刺 レイアウト コムテブログ 基礎

先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回はWeb関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 もくじ レイアウト １．アクテ... 続きを読む

ASCII.jp：SVG線画が美しいリッチアニメーションの作り方 (1/2)｜先端サイトに学ぶCSS3/jQueryアニメーションデザイン

2014/06/09 330 users jQueryアニメーションデザイン ASCII.jp 拠点

今回の注目サイト： Béatrice Créations http://carlphilippebrenner.com/portfolio/beatricecreations フランスを拠点に活動するデザイナーであるカール・フィリップ・ブレナー氏のポートフォリオサイト。 ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creat... 続きを読む

ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス

2014/05/13 731 users コリス ウェブデザイン ウェブデザイナー ミニマル 役目

前の会社では新人ウェブデザイナーが必ずやっていたことの一つに、文字詰め1,000本ノックがありました。1,000は大げさな数字ではなく、実際にはそれ以上の数をこなしていたと思います。 ウェブデザインのUI/UXにおいてタイポグラフィは重要な存在で、特にミニマルやフラットなどはタイポグラフィが非常に重要な役目を担っています。 フォントやタイポグラフィの知識を深め、テクニックを身につけるのに役立つ情報... 続きを読む

Illustratorで文字をかっこよくデザイン！タイポグラフィのチュートリアルのまとめ | コリス

2014/03/04 264 users アートワーク キャプチャ コリス テキストエフェクト 刺激

アートワークとして見るだけでもよい刺激を受ける、そんな素晴らしいタイポグラフィ・テキストエフェクトのチュートリアルをまとめてみました。 解説は英語ですが、苦手な人でも各ステップごとにキャプチャが付いているので分かりやすいと思います。 Use a Pattern Brush to Create a Rope Text Effect Create On-Trend Flat Type with a N... 続きを読む