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

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

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

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

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

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

Web制作者は要チェック！ Figmaで無料利用できるUI用のデザインシステムのまとめ -Design Systems for Figma

2022/10/31 11 users figma UIコンポーネント アイコン スマホアプリ UI用

Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。 Design S...記事の続きを読む 続きを読む

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

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

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

レタースペーシング タイポグラフィにおける文字間調整の考え方

2021/06/21 12 users 正解 デザイナー 事例 教科書 感覚

文字間調整の感覚を鍛える教科書。デザインの品質を大きく左右するにも関わらず、正解がなく、デザイナーを悩ませる「レタースペーシング（文字間調整・文字詰め）」。今まで感覚的に語られてきたレタースペーシングを、図と言葉と事例を用いて丁寧に解説した文字間調整の教科書。これからデザインを学ぶ学生の方や、自... 続きを読む

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

2021/06/01 22 users コリス 引き出し ロゴ トレンド 要素

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

FigmaでWebサイトやスマホアプリのデザインシステムを制作する手順を解説 | コリス

2021/04/06 15 users figma コリス コラボレーションツール シャドー 手順

UI/UXデザインのコラボレーションツール「Figma」で、Webサイトやスマホアプリのデザインシステムを制作する手順を紹介します。 カラーパレットをはじめ、タイポグラフィ、シャドー、アイコン、コンポーネントなど、Figmaでデザインシステムに必要なものをどのように制作するか解説します。 Creating a Design System in... 続きを読む

Webデザインの出来を左右する「コンポジション」の重要性 | アドビUX道場 #UXDojo | Adobe Blog

2021/01/26 12 users コンポジション UXDojo アドビUX道場 要素 ルール

一般的なデザインは、カラー、タイポグラフィ、画像など多くの要素の組み合わせからできています。印刷用のデザインでも画面用でも、要素のバランスをとって全体的な体験をより良いものにするためには、デザインのコンポジションに関わるいくつかのルールの理解が欠かせません。この記事では、コンポジション、すなわち... 続きを読む

映画とタイポグラフィが大好物な人に、珠玉のデザイン書 -SF映画のタイポグラフィとデザイン | コリス

2020/09/04 9 users コリス ストーリーテリング 珠玉 ビジョン SF映画

映画が好き、タイポグラフィも大好物、映画とタイポグラフィを愛するすべての人に多くの発見をもたらす珠玉のデザイン書を紹介します。 SF映画において、タイポグラフィとデザインがどのように未来を視覚化しているのか、近未来的ビジョンを作り出しているのか。SF映画のストーリーテリングとデザインの関係を深く掘り下... 続きを読む

タイポグラフィがどのようにSF映画の物語に寄与しているのか？──『ＳＦ映画のタイポグラフィとデザイン』 - 基本読書

2020/08/17 36 users 所狭し 作者 SF映画 一言 物語

SF映画のタイポグラフィとデザイン 作者:デイヴ・アディ発売日: 2020/08/18メディア: 大型本この『ＳＦ映画のタイポグラフィとデザイン』は、まさにその名の通りにSF映画に存在するタイポグラフィとデザインに集中して取り組んだ一冊である。大型本で、所狭しと書体とデザインとその解説が並んでいて──一言で言えば最高... 続きを読む

「理想の電子書籍作成ソフトがない」という作家が自作で電子書籍作成ソフトを作り出す - GIGAZINE

2020/07/29 31 users GIGAZINE EPUB版 自作 テキスト コピー

「軽量」「タイポグラフィが優秀」「同じテキストからウェブ版とEPUB版を同時に生成できる」という要素を満たし、「ページをめくれる」「テキストの選択・コピーができる」データを作成可能な電子書籍作成ソフトを求めていた作家のロビン・スローン氏は、理想にかなうものが見つからなかったことから自らソフトウェアを... 続きを読む

2020年最新版！最近見かけるロゴのデザインに使用されているトレンドのまとめ -2020 Logo Trends | コリス

2020/06/02 19 users コリス 引き出し ライセンス ロゴ トレンド

トレンドを押さえておくことは、デザインの引き出しを増やすために役立ちます。 最近のロゴのデザインに使用されているタイポグラフィ、カラー、形など、トレンド、デザインテクニックを紹介します。 2020 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得... 続きを読む

タイポグラフィ – 言語造形の規格化と定数化の軌跡 / 白井 敬尚 | ÉKRITS / エクリ

2020/04/22 8 users エクリ 活字 KRITS フォント 金属活字

タイポグラフィ、すなわち活字版印刷術は、金属活字（鋳造活字、メタル・タイプ）であれ、写植活字（写真植字用活字、フォト・タイプ）であれ、また電子活字（デジタル・タイプ、フォント）であっても、活字版印刷術創始以来550年以上にわたって「活字」を用いて言語を組み、配置・印刷し、テキストを描写・再現させる技... 続きを読む

音楽、数学、タイポグラフィ / 鈴木 丈 | ÉKRITS / エクリ

2020/02/20 14 users ブレット エクリ KRITS カウンターパンチ 単語

タイポグラフィとしてのスタイルシート タイポグラフィでは、文字や単語は機械的な手法で生み出されます。……（サイズや位置などの）情報は他の人に渡すことができ、別の機会にまったく同じものを再現することもできます。 フレット・スメイヤーズ『カウンターパンチ※1』 タイポグラフィとは、人の手によって直接描かれる... 続きを読む

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

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

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

UIにダイナミックなアニメーションを盛り込める20の無料ツール | UX MILK

2019/10/17 23 users アニメーション UX MILK 無料ツール ナビゲーション

近年では誰もがアニメーションを活用します。たとえばBttn.cssやHover Buttonsといった、ボタンに追加できる非常に小さなホバー効果や、Granim.jsを介して動く、魅力的でダイナミックなグラデーションスタイルの背景などが存在します。サイズにかかわらず、アニメーションはタイポグラフィやナビゲーション、ロゴタイプ... 続きを読む

デザインの知識を身につけるチャンス！「なるほどデザイン」10万部突破記念、 Kindleでデザイン書の半額セールが開催中です | コリス

2019/03/08 23 users Kindle コリス Illustrator 入稿データ 多数

当ブログでも人気の一冊「なるほどデザイン」10万部突破記念、Kindleのデザイン書フェアが開催されています。Webデザイン、UIデザインをはじめ、イラスト、タイポグラフィ、同人誌などの入稿データのつくりかた、萌えロゴのつくりかた、PhotoshopやIllustratorの操作法など、デザイン書が50%オフ（以上も多数有り）とな... 続きを読む

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

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

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

ラベルデザインから読み解くコンテンツ設計の課題 : could

2018/10/09 33 users could 制約 プロダクト ビジュアルデザイン 視覚化

コンテンツプロセス ラベルデザインから読み解くコンテンツ設計の課題 時にはビジュアルデザインよりコンテンツのほうが制約が多く、人間関係も複雑です。コンテンツ制作・運用に関わる質問をつかって視覚化しておくと『攻め方』が見えてきます。 色やタイポグラフィだけでなく、言葉でプロダクトの雰囲気が決まることが... 続きを読む

Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」 | かちびと.net

2018/09/13 20 users Element UIコンポーネントライブラリ OSS 応用

Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテムやアラート、ダイアログ、ドロップダウンやツールチップ等、よく使われるUIなど、多くのシーン... 続きを読む

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

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

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

使いやすいフォームとは、心理学の原則に基づいたユーザビリティの改善方法 | コリス

2018/07/31 36 users コリス Vogue ユーザビリティ Facebook 余白

Webサイトやスマホアプリでも、心理学はいたる所に存在します。 Facebookの通知に緊急のカラーであるレッドが使用されているのは、注意を必要としているのが理由です。また、Vogueのような雑誌ではロゴのタイポグラフィに十分な余白を備え、潜在意識に排他性を伝えます。 ユーザーのニーズ、習慣、行動、動機、感情を心... 続きを読む

きみは「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 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見... 続きを読む