Submit Search
Upload
「Webデザイナーのためのタイポグラフィと文字組版」
•
217 likes
•
139,416 views
swwwitch inc.
Follow
CSS Nite LP, Disk 11「Designer's High」Part 1でのセッション資料 講師:鷹野雅弘(スイッチ) http://lp11.cssnite.jp/
Read less
Read more
Design
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 126
Download now
Download to read offline
Recommended
2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
2021年9月9日 TECH Streetのオンラインセミナーのスライドです。プロダクトチームから成長につながる「決定的な一手」が出てこない。そんなことを感じてはいませんか。これはじつはプロダクトチームのユーザー理解が浅いときの典型的な症状です。「決定的な一手」は真に深いユーザー理解からしか生まれません。 プロダクトマネジメントにおいて、プロダクトマネージャー・プロダクトチームにUXリサーチのメンターがつくことで、強いチームへと成長することができます。
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
2022年3月12日にオンライン開催された「SDGsスタートアップセミナー ~SDGsを学んだあとのSDGs実践に向けて~」での登壇資料。 https://pmi-japan.eventos.tokyo/web/portal/426/event/4456/module/booth/113360/65955
リーンスタートアップ実践者によるSDGs事業立ち上げ支援の取り組み
リーンスタートアップ実践者によるSDGs事業立ち上げ支援の取り組み
Arata Fujimura
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
4/27 社内ビアバッシュ新卒向けな内容
つたわるスライド
つたわるスライド
Kazuyoshi Goto
2022年7月15日 クリーク・アンド・リバー社でのUXデザイン基礎セミナー第1回 「『UXデザインとは』からはじめる『本流』のUXデザインはじめの一歩」のスライドです。 UXデザインとは何をすることか、その中心は「ユーザーに会うこと」だというお話をしています。
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
Yoshiki Hayama
2021/11/24 「イミュータブルでゆこう」イベントの資料です。 データをリソースとイベントに場合分けして考えようという至極単純な話を1時間ほどしました。
イミュータブルデータモデルの極意
イミュータブルデータモデルの極意
Yoshitaka Kawashima
ユーザーにうれしいチャットボットをつくるためのUX 7原則(7 Principles to Design UX of Chatbots)をまとめました。 1. 会話に人格を感じるか 2. ワンストップで解決策が得られるか 3. 会話が噛み合わなくてもフォローできているか 4. 再生より再認で進んでいけるか 5. 回答できる範囲がわかるようになっているか 6. センシティブな話題こそ回答が得られるか 7. 一般的なユーザビリティ原則にしたがっているか
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
Yoshiki Hayama
Recommended
2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
2021年9月9日 TECH Streetのオンラインセミナーのスライドです。プロダクトチームから成長につながる「決定的な一手」が出てこない。そんなことを感じてはいませんか。これはじつはプロダクトチームのユーザー理解が浅いときの典型的な症状です。「決定的な一手」は真に深いユーザー理解からしか生まれません。 プロダクトマネジメントにおいて、プロダクトマネージャー・プロダクトチームにUXリサーチのメンターがつくことで、強いチームへと成長することができます。
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
2022年3月12日にオンライン開催された「SDGsスタートアップセミナー ~SDGsを学んだあとのSDGs実践に向けて~」での登壇資料。 https://pmi-japan.eventos.tokyo/web/portal/426/event/4456/module/booth/113360/65955
リーンスタートアップ実践者によるSDGs事業立ち上げ支援の取り組み
リーンスタートアップ実践者によるSDGs事業立ち上げ支援の取り組み
Arata Fujimura
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
4/27 社内ビアバッシュ新卒向けな内容
つたわるスライド
つたわるスライド
Kazuyoshi Goto
2022年7月15日 クリーク・アンド・リバー社でのUXデザイン基礎セミナー第1回 「『UXデザインとは』からはじめる『本流』のUXデザインはじめの一歩」のスライドです。 UXデザインとは何をすることか、その中心は「ユーザーに会うこと」だというお話をしています。
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
Yoshiki Hayama
2021/11/24 「イミュータブルでゆこう」イベントの資料です。 データをリソースとイベントに場合分けして考えようという至極単純な話を1時間ほどしました。
イミュータブルデータモデルの極意
イミュータブルデータモデルの極意
Yoshitaka Kawashima
ユーザーにうれしいチャットボットをつくるためのUX 7原則(7 Principles to Design UX of Chatbots)をまとめました。 1. 会話に人格を感じるか 2. ワンストップで解決策が得られるか 3. 会話が噛み合わなくてもフォローできているか 4. 再生より再認で進んでいけるか 5. 回答できる範囲がわかるようになっているか 6. センシティブな話題こそ回答が得られるか 7. 一般的なユーザビリティ原則にしたがっているか
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
ユーザーにうれしいチャットボットのUX 7原則 - 7 Principles to Design UX of Chatbots
Yoshiki Hayama
2022年5月18日 【iCARE Dev Meetup #33】 デザイナー目線のユーザーとの向き合い方 でのスライドです。ユーザーインタビューをするとき、私たちはつねに「認知バイアス」にさられています。認知バイアスの影響を受けると、私たち自分に都合のよい情報ばかりピックアップしてしまいます。ユーザーにしっかり寄り添ったプロダクトをつくるためには、きちんとバランスのよいユーザーインタビューをする必要があります。本セッションでは、陥りがちな認知バイアスをミニワークを交えて体験し、ユーザーインタビューで気をつけるべきポイントを解説します。 なお、今日の登壇を誘ってくださった @murokaco さんが熱心な研究員(BiS というアイドルのファン)なので、 BiS(第3期)のデビュー曲「BiS -どうやらゾンビのおでまし-」をタイトルに入れてプレゼンしています。
ユーザーインタビューするときは、どうやらゾンビのおでましさ
ユーザーインタビューするときは、どうやらゾンビのおでましさ
Yoshiki Hayama
2022年11月25日 クリーク・アンド・リバー社でのUXデザイン実践セミナー第1回 「UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本」のスライドです。ユーザーインタビューを体験するワークショップです。ワークショップのなかではインタビューガイドの代わりに共感マップ(Empathy Map)を補助に使うことで、スムーズにインタビューを進めるテクニックを紹介しています。
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
Yoshiki Hayama
2022年8月22日 クリーク・アンド・リバー社でのUXデザイン基礎セミナー第3回 「ユーザーインタビューからその後どうするの?得られた情報を『UXデザイン』に落とし込む方法」のスライドです。 ユーザーインタビューの発話録2名ぶんをもとに、じっさいにKA法(本質的価値抽出法)をする具体的な手順を解説しています。合わせてFigmaでKA法をした成果物サンプルも配布しています。
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Yoshiki Hayama
2015/10/3 PHPカンファレンスのPHPメンターズトラックにおけるプレゼンテーション
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
啓 杉本
DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
Scrum Fest Osaka 2019の登壇スライド
プラクティス厨から始めるアジャイル開発
プラクティス厨から始めるアジャイル開発
Arata Fujimura
DevLOVE関ヶ原で使用した背景資料。 仮説検証がデットエンドに陥らないための話、一部始終。
そのコマは回り続けるかそれとも倒れるか
そのコマは回り続けるかそれとも倒れるか
toshihiro ichitani
九州大学談話会「IMI Colloquium」 https://www.imi.kyushu-u.ac.jp/seminars/view/3001
暗号技術の実装と数学
暗号技術の実装と数学
MITSUNARI Shigeo
2021年3月26日 In. Data × UX Lightning Talks #2 でのスライドです。定量分析と定性分析って、どう組み合わせればいいの!? 定量分析のネックは、手元の数字に現れないものを見出しづらいことです。たとえば「顧客が自社製品を購入するまでに感じる心理の全体像」のようなものを定量的に把握するのはなかなか難しいものです。定性分析はそのような「人の心で起きていることの全体像」をうまくモデルにすることができます。そして、人間の社会において起きることの多くは、人の心がかかわる事象なのです。このセッションでは、UXデザインの専門家が、定量分析と定性分析のシナジーについてお話します。イベントサイト: https://dataadventure.connpass.com/event/206250/
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Yoshiki Hayama
2022年3月24日 TECH Street のスライドです。 とくにここ数年、多くの企業が「UXデザイン・UXリサーチ」に取り組むようになりつつあります。「UXデザイン・UXリサーチ」の最近のムーブメントとして、以下のトピックをとりあげながら、業界動向を知るとともに、あらためて “正しい” UXデザイン・UXリサーチを学びます。 ・“正しい” UXデザイン・UXリサーチへの理解が広まった ・ちゃんとUXデザイン・UXリサーチに取り組む会社が増えてきた ・プロダクトマネジメントの分野でUXデザイン・UXリサーチへのニーズが高まった ・ユーザーインタビューのマッチングプラットフォームサービスが勃興 ・行政による「デザイン経営」の推進 ・ユーザーインタビューの会話サンプル無料ダウンロード
UXデザイン・UXリサーチってだいぶ広まったよね?
UXデザイン・UXリサーチってだいぶ広まったよね?
Yoshiki Hayama
Developers Summit 2022/02/17 の登壇資料です。 https://event.shoeisha.jp/devsumi/20220217/
DX時代のITエンジニアに送る、アジャイル式「いきいき」ヘルスマネジメント
DX時代のITエンジニアに送る、アジャイル式「いきいき」ヘルスマネジメント
Takeshi Kakeda
デザインにおける4つの基本原則を、ウェブデザインどのように応用すべきかをまとめたスライドです。
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
レイトレ空間構造入門
レイトレ空間構造入門
Toru Matsuoka
問題はパワポではなく、プレゼンターです。 http://www.slideshare.net/jessedee/you-suck-at-powerpoint-2 の英語版から翻訳致しました。
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
http://www.ospn.jp/osc2016-fall/ 2016/11/06
webエンジニアのためのはじめてのredis
webエンジニアのためのはじめてのredis
nasa9084
2022年9月27日 クリーク・アンド・リバー社でのUXデザイン基礎セミナー第4回 「プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回」のスライドです。ユーザビリティテストとプロトタイピングの手順をていねいに解説するとともに、じっさいに2名のユーザーを会場にお招きし、公開でユーザビテリィテストをします。 公開ユーザビリティテストの題材として、英会話アプリ 「Langaku(ランガク) https://langaku.app/ 」 を運営するMantra株式会社さまのご協力をいただきました。 【著作権表示】 ・本Figma/FigJamのデータは英会話アプリ「Langaku」のユーザビリティテストのために作成したものです。英会話アプリ「Langaku」の画面の著作権はMantra株式会社に帰属します。 ・本Figma/FigJamのデータには英会話アプリ「Langaku」の画面キャプチャを通じて、以下の漫画が引用されています。これらの漫画の著作権は著作者に帰属します。 ・マッシェル -MASHLE-, 甲本一/集英社 ・SPY×FAMILY, 遠藤達哉/集英社
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
Yoshiki Hayama
Frontend Meetup vol.1 - SPAを語り尽くす会! でのLT資料です。 http://connpass.com/event/38112/
SPAと覚悟
SPAと覚悟
Teppei Sato
「もし私が顧客に何がほしいかを聞いていたら、彼らは『もっと速い馬がほしい』と答えただろう」という自動車王フォードの名言があります。またユーザー中心のはずのUXデザインで「顧客の声を聞かない」「ユーザーは本当に欲しいものを言葉にできない」という言葉を聞くことがあります。どうすればよいのでしょうか。欲しいものを訊くのではなく、行動の目的を訊くことで、ユーザーの本当のニーズにたどりつくことができます。
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか
Yoshiki Hayama
インフラエンジニアの綺麗で優しい手順書の書き方
インフラエンジニアの綺麗で優しい手順書の書き方
インフラエンジニアの綺麗で優しい手順書の書き方
Shohei Koyama
2016/05/17(火) 19:30 開催 もっともっっっと良いプロダクトを作ろう!〜dots.プロダクトマネージャ部を発足します〜 で使用する予定だったスライドを共有します。 ※イベント自体は当日急に体調悪くなり欠席してしまいました。懺悔。
プロダクトマネージャーはフレームワークを作れ
プロダクトマネージャーはフレームワークを作れ
Toshifumi Sakamoto
BP study #46
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
2011/04/16 ishikawa.crr #3
いますぐ使えるタイポグラフィ2〜書体のはなし
いますぐ使えるタイポグラフィ2〜書体のはなし
Shinichiro Yabu
More Related Content
What's hot
2022年5月18日 【iCARE Dev Meetup #33】 デザイナー目線のユーザーとの向き合い方 でのスライドです。ユーザーインタビューをするとき、私たちはつねに「認知バイアス」にさられています。認知バイアスの影響を受けると、私たち自分に都合のよい情報ばかりピックアップしてしまいます。ユーザーにしっかり寄り添ったプロダクトをつくるためには、きちんとバランスのよいユーザーインタビューをする必要があります。本セッションでは、陥りがちな認知バイアスをミニワークを交えて体験し、ユーザーインタビューで気をつけるべきポイントを解説します。 なお、今日の登壇を誘ってくださった @murokaco さんが熱心な研究員(BiS というアイドルのファン)なので、 BiS(第3期)のデビュー曲「BiS -どうやらゾンビのおでまし-」をタイトルに入れてプレゼンしています。
ユーザーインタビューするときは、どうやらゾンビのおでましさ
ユーザーインタビューするときは、どうやらゾンビのおでましさ
Yoshiki Hayama
2022年11月25日 クリーク・アンド・リバー社でのUXデザイン実践セミナー第1回 「UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本」のスライドです。ユーザーインタビューを体験するワークショップです。ワークショップのなかではインタビューガイドの代わりに共感マップ(Empathy Map)を補助に使うことで、スムーズにインタビューを進めるテクニックを紹介しています。
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
Yoshiki Hayama
2022年8月22日 クリーク・アンド・リバー社でのUXデザイン基礎セミナー第3回 「ユーザーインタビューからその後どうするの?得られた情報を『UXデザイン』に落とし込む方法」のスライドです。 ユーザーインタビューの発話録2名ぶんをもとに、じっさいにKA法(本質的価値抽出法)をする具体的な手順を解説しています。合わせてFigmaでKA法をした成果物サンプルも配布しています。
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Yoshiki Hayama
2015/10/3 PHPカンファレンスのPHPメンターズトラックにおけるプレゼンテーション
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
啓 杉本
DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
Scrum Fest Osaka 2019の登壇スライド
プラクティス厨から始めるアジャイル開発
プラクティス厨から始めるアジャイル開発
Arata Fujimura
DevLOVE関ヶ原で使用した背景資料。 仮説検証がデットエンドに陥らないための話、一部始終。
そのコマは回り続けるかそれとも倒れるか
そのコマは回り続けるかそれとも倒れるか
toshihiro ichitani
九州大学談話会「IMI Colloquium」 https://www.imi.kyushu-u.ac.jp/seminars/view/3001
暗号技術の実装と数学
暗号技術の実装と数学
MITSUNARI Shigeo
2021年3月26日 In. Data × UX Lightning Talks #2 でのスライドです。定量分析と定性分析って、どう組み合わせればいいの!? 定量分析のネックは、手元の数字に現れないものを見出しづらいことです。たとえば「顧客が自社製品を購入するまでに感じる心理の全体像」のようなものを定量的に把握するのはなかなか難しいものです。定性分析はそのような「人の心で起きていることの全体像」をうまくモデルにすることができます。そして、人間の社会において起きることの多くは、人の心がかかわる事象なのです。このセッションでは、UXデザインの専門家が、定量分析と定性分析のシナジーについてお話します。イベントサイト: https://dataadventure.connpass.com/event/206250/
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Yoshiki Hayama
2022年3月24日 TECH Street のスライドです。 とくにここ数年、多くの企業が「UXデザイン・UXリサーチ」に取り組むようになりつつあります。「UXデザイン・UXリサーチ」の最近のムーブメントとして、以下のトピックをとりあげながら、業界動向を知るとともに、あらためて “正しい” UXデザイン・UXリサーチを学びます。 ・“正しい” UXデザイン・UXリサーチへの理解が広まった ・ちゃんとUXデザイン・UXリサーチに取り組む会社が増えてきた ・プロダクトマネジメントの分野でUXデザイン・UXリサーチへのニーズが高まった ・ユーザーインタビューのマッチングプラットフォームサービスが勃興 ・行政による「デザイン経営」の推進 ・ユーザーインタビューの会話サンプル無料ダウンロード
UXデザイン・UXリサーチってだいぶ広まったよね?
UXデザイン・UXリサーチってだいぶ広まったよね?
Yoshiki Hayama
Developers Summit 2022/02/17 の登壇資料です。 https://event.shoeisha.jp/devsumi/20220217/
DX時代のITエンジニアに送る、アジャイル式「いきいき」ヘルスマネジメント
DX時代のITエンジニアに送る、アジャイル式「いきいき」ヘルスマネジメント
Takeshi Kakeda
デザインにおける4つの基本原則を、ウェブデザインどのように応用すべきかをまとめたスライドです。
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
レイトレ空間構造入門
レイトレ空間構造入門
Toru Matsuoka
問題はパワポではなく、プレゼンターです。 http://www.slideshare.net/jessedee/you-suck-at-powerpoint-2 の英語版から翻訳致しました。
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
http://www.ospn.jp/osc2016-fall/ 2016/11/06
webエンジニアのためのはじめてのredis
webエンジニアのためのはじめてのredis
nasa9084
2022年9月27日 クリーク・アンド・リバー社でのUXデザイン基礎セミナー第4回 「プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回」のスライドです。ユーザビリティテストとプロトタイピングの手順をていねいに解説するとともに、じっさいに2名のユーザーを会場にお招きし、公開でユーザビテリィテストをします。 公開ユーザビリティテストの題材として、英会話アプリ 「Langaku(ランガク) https://langaku.app/ 」 を運営するMantra株式会社さまのご協力をいただきました。 【著作権表示】 ・本Figma/FigJamのデータは英会話アプリ「Langaku」のユーザビリティテストのために作成したものです。英会話アプリ「Langaku」の画面の著作権はMantra株式会社に帰属します。 ・本Figma/FigJamのデータには英会話アプリ「Langaku」の画面キャプチャを通じて、以下の漫画が引用されています。これらの漫画の著作権は著作者に帰属します。 ・マッシェル -MASHLE-, 甲本一/集英社 ・SPY×FAMILY, 遠藤達哉/集英社
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
Yoshiki Hayama
Frontend Meetup vol.1 - SPAを語り尽くす会! でのLT資料です。 http://connpass.com/event/38112/
SPAと覚悟
SPAと覚悟
Teppei Sato
「もし私が顧客に何がほしいかを聞いていたら、彼らは『もっと速い馬がほしい』と答えただろう」という自動車王フォードの名言があります。またユーザー中心のはずのUXデザインで「顧客の声を聞かない」「ユーザーは本当に欲しいものを言葉にできない」という言葉を聞くことがあります。どうすればよいのでしょうか。欲しいものを訊くのではなく、行動の目的を訊くことで、ユーザーの本当のニーズにたどりつくことができます。
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか
Yoshiki Hayama
インフラエンジニアの綺麗で優しい手順書の書き方
インフラエンジニアの綺麗で優しい手順書の書き方
インフラエンジニアの綺麗で優しい手順書の書き方
Shohei Koyama
2016/05/17(火) 19:30 開催 もっともっっっと良いプロダクトを作ろう!〜dots.プロダクトマネージャ部を発足します〜 で使用する予定だったスライドを共有します。 ※イベント自体は当日急に体調悪くなり欠席してしまいました。懺悔。
プロダクトマネージャーはフレームワークを作れ
プロダクトマネージャーはフレームワークを作れ
Toshifumi Sakamoto
What's hot
(20)
ユーザーインタビューするときは、どうやらゾンビのおでましさ
ユーザーインタビューするときは、どうやらゾンビのおでましさ
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
プラクティス厨から始めるアジャイル開発
プラクティス厨から始めるアジャイル開発
そのコマは回り続けるかそれとも倒れるか
そのコマは回り続けるかそれとも倒れるか
暗号技術の実装と数学
暗号技術の実装と数学
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
UXデザイン・UXリサーチってだいぶ広まったよね?
UXデザイン・UXリサーチってだいぶ広まったよね?
DX時代のITエンジニアに送る、アジャイル式「いきいき」ヘルスマネジメント
DX時代のITエンジニアに送る、アジャイル式「いきいき」ヘルスマネジメント
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
レイトレ空間構造入門
レイトレ空間構造入門
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
webエンジニアのためのはじめてのredis
webエンジニアのためのはじめてのredis
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
SPAと覚悟
SPAと覚悟
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか
インフラエンジニアの綺麗で優しい手順書の書き方
インフラエンジニアの綺麗で優しい手順書の書き方
プロダクトマネージャーはフレームワークを作れ
プロダクトマネージャーはフレームワークを作れ
Viewers also liked
BP study #46
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
2011/04/16 ishikawa.crr #3
いますぐ使えるタイポグラフィ2〜書体のはなし
いますぐ使えるタイポグラフィ2〜書体のはなし
Shinichiro Yabu
いますぐ使えるタイポグラフィ
いますぐ使えるタイポグラフィ
Shinichiro Yabu
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/322/room ーーーーーーーーーーーーーーーーーーーーーーー
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
Kanazawa.rb #24 で使用したスライドです
ぼくがやってるぷろじぇくとまねじめんと
ぼくがやってるぷろじぇくとまねじめんと
Toshiaki Sasaki
WebSig会議 vol.33: http://websig247.jp/meeting/33/ 2ndセッション ハートに響くUIを生み出すためのデザインプロセス /土屋尚史(株式会社グッドパッチ 代表取締役)
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig24/7
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
新作スライド ボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました! ぜひコチラもお読みください! 読んでくれてありがとう!面白かったらぜひぜひシェアしてくれると嬉しいよ!(`・ω・´)b ダウンロードもプリントも配布もご自由にどうぞ!たくさんの人にみてもらえれば最高です! デザインが苦手な人ほどオススメ! Aさんはデザインはこうだという。 Bさんはデザインはああだという。 ああああああもう!!結局どっちが正しいんだよ!? そんな疑問がたった13ページで解決します! "デザイン"なのに真逆のことをいう人達がいるのは、 実はこういうことだった! もう、デザインが苦手なんてことない!
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Ryoji Fujishita
2015/05/15 DevLOVE関西 クリエイターの技術持ち寄り発表会~デザインそもそも論 https://devlove-kansai.doorkeeper.jp/events/23681 こちらで発表したスライドです。
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
http://html555.jp/2012/04/25/cording-speed-up/
コーディングが上達するコツ
コーディングが上達するコツ
evol-ni
はじめての欧文書体
はじめての欧文書体
Shohei Itoh
レスポンシブWebデザインの概要から実装の基本まで。
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
「webっちゃvol.1」で使用したスライドです。(一部修正あり)
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜
典子 松本
俺聞け4(2013/2/16)にて発表、これからの取り組み前に一度整理しておきたかったUXとUIの話。
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
UIデザインの決定プロセスをより高速化するために、会議するのをやめました。会議をやめたことでより多くのフィードバックを得ることができ、デザインの修正コストを下げる事ができました。
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
勉強会で使用したスライドです。
UXとブランド
UXとブランド
Takehisa Gokaichi
AppStoreとGooglePlayの両プラットフォームに選ばれたBrainWarsが実践するプラットフォームに合わせたUI/UX最適化のノウハウを紹介します。
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
Viewers also liked
(20)
色彩センスのいらない配色講座
色彩センスのいらない配色講座
いますぐ使えるタイポグラフィ2〜書体のはなし
いますぐ使えるタイポグラフィ2〜書体のはなし
いますぐ使えるタイポグラフィ
いますぐ使えるタイポグラフィ
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
ぼくがやってるぷろじぇくとまねじめんと
ぼくがやってるぷろじぇくとまねじめんと
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
コーディングが上達するコツ
コーディングが上達するコツ
はじめての欧文書体
はじめての欧文書体
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜
はじめてのUXとUIの話
はじめてのUXとUIの話
UIの話は会議室でするな
UIの話は会議室でするな
UXとブランド
UXとブランド
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
More from swwwitch inc.
2018年5月17日(木)に放映されたオンライン番組「Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘」でのスライド
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
swwwitch inc.
2016年9月2日(金)開催 http://www.event-web.net/adobemaxjapan/
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.
スライド内で参照しているリンク先一覧 http://matome.naver.jp/odai/2145969573620076801 2015年12月26日(土)、ソラシティホールで開催したShift9:Webデザイン行く年来る年(CSS Nite LP43)のフォントセッションから http://cssnite.jp/archives/post_2859.html
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
swwwitch inc.
・テキスト:スライドのギリギリに置かない ・画像:スライドのギリギリまで使う
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
swwwitch inc.
【株式会社 帆風】第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本 http://www.vanfu.co.jp/seminar/170th.html http://www.dtp-transit.jp/seminar/vanfu/post_2118.html
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
swwwitch inc.
鷹野 雅弘(スイッチ) 再録記事 https://blogs.adobe.com/creativestation/dtp-photoshop-kihon-tips-sp アーカイブ動画 https://www.youtube.com/watch?v=YoXgJgrSC0E 2015年11月11日開催 http://www.event-web.net/adobelive2015/max/
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
swwwitch inc.
http://www.dtp-transit.jp/seminar/post_2055.html
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
swwwitch inc.
2014年4月25日(金)、六本木アカデミーヒルズ 49F タワーホールで開催されたCreate Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」の『ユーザー目線からのCC VS CS徹底比較』セッションのスライドです。 http://www.dtp-transit.jp/seminar/post_1900.html 鷹野 雅弘(スイッチ)
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
swwwitch inc.
2014年3月15日、鴨江アートセンターで開催 http://www.dorp.jp/event/dorp-inspiration-2014/ DORP INSPIRATION 2014『地方から紐解くデザイナーのこれから』 「CSS Nite 9年目に見る勉強会の今とこれから」 鷹野 雅弘(スイッチ) --- フォローアップ http://takanomasahiro.tumblr.com/post/79071594220/dorp-inspiration-2014-css-nite-9
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
swwwitch inc.
2010年6月、表参道 The Gallery「station 5」 で開催したCSS Nite in Omotesando, Vol.3「Illustrator CS5 for Webデザイン」のスライドです。
Illustrator CS5 for Webデザイン
Illustrator CS5 for Webデザイン
swwwitch inc.
2013年11月21日(木)19:00-20:00、アップルストア銀座で開催されたCSS Nite in Ginza, Vol.72のスライド。 http://cssnite.jp/ginza/vol72/ 参照リンクなど http://bit.ly/1blGiqd
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
2013年11月8日、JPタワー(東京・丸の内)で開催されたCREATE NOW / PLUS ONE DAYの「画像をなるべく使わずにWebをレイアウトするテクニック」セッションのスライドです。 http://adobe-createnow.jp/event
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
swwwitch inc.
http://www.dtp-transit.jp/seminar/ustream/post_1688.html
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
swwwitch inc.
http://www.adobe.com/jp/joc/design/books/ekinama/
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
swwwitch inc.
2008年10月15日、アップルストア心斎橋にて開催したCSS Nite in Osaka, Vol.12でのスライドです。 http://cssnite.jp/archives/post_1173.html
ベジェ再入門
ベジェ再入門
swwwitch inc.
2011年6月23日(木)、アップルストア銀座で開催したCSS Nite in Ginza, Vol.57での鷹野 雅弘(スイッチ)のセッション。
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
swwwitch inc.
Widthの発音について
Widthの発音について
swwwitch inc.
2010年12月16日、アップルストア銀座で開催したCSS Nite in Ginza, Vol.55(Shift 4)の『ツールの進化とこれからの制作環境 2010 』/鷹野雅弘(スイッチ)のスライドです。
CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4)
swwwitch inc.
2010年8月10日、原宿のSINAPオフィスで開催されたSINAP TALK Vol.04の資料です。
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
swwwitch inc.
ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナーでの資料
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
swwwitch inc.
More from swwwitch inc.
(20)
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
Illustrator CS5 for Webデザイン
Illustrator CS5 for Webデザイン
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
ベジェ再入門
ベジェ再入門
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
Widthの発音について
Widthの発音について
CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4)
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
「Webデザイナーのためのタイポグラフィと文字組版」
1.
2.
3.
キャンペーンサイトやビデオ共有サイトは除きます。
4.
今回はWeb Fontsについては言及しません。
5.
6.
7.
和文フォントは正方形の仮想ボディの中にデザインされています。
8.
出典:http://www.morisawa.co.jp/font/about/knowledge/face.html
9.
10.
11.
仮想ボディをそのまま並べたものがベタ組みです。
12.
字面を優先するのが「ツメ組み」。ほかにアケ組もあります。
13.
コミュニティ 新ゴやAxisなどモダンスタイルのフォントは字面が大きくデザインされています。
14.
画像化するキャッチはツメ組みにした方が可読性が上がります。
15.
16.
欧文フォントは文字ごとに異なる文字幅を持っています。
17.
18.
ベースラインから小文字のxの高さまでがエックスハイトです。
19.
大文字の上部がキャップラインです。
20.
小文字のhやlはキャップラインよりも飛び出すことがあります。
21.
22.
23.
重要なのは、この4つのラインです。
24.
中学生のときに使った英語のノートですね。
25.
欧文の場合、ほぼ行間なく並べても問題ありません。
26.
そのため、多くのブラウザではline-height: 1.2くらいがデフォルトです。
27.
しかし、日本語では窮屈です。
28.
150-190%くらいに設定します。
29.
このようにフォントのメカニズムそのものが異なります。
30.
混植するには大きさのバランスやベースラインを揃える必要があります。
31.
このようにパーレンやブラケットが混じる場合....
32.
半角の括弧類は、文字の中心よりもずれてしまいます。
33.
CIDの新ゴでは1バイトと2バイトの数字では、フォントのデザインが異なります。
34.
和文フォント付属の英数字は(主観によりますが)ちょっとな...と思ったり...
35.
下は欧文フォント(Myriad)を組み合わせました。どちらがいい感じでしょう?
36.
少なくてもグラフィックデザインの分野では混植が常識です。
37.
上は中ゴのみ。中央はUnivers、下はFF DINを組み合わせています。
38.
混植によって、紙面の印象も変わります。
39.
ただし、英数字のサイズやベースラインの調整が不可欠です。
40.
ご参考までにAppleのコーポレートフォントはこのように変遷しています。
41.
アドビのコーポレートフォントの変遷。
42.
混植を行うには「合成フォント」という機能を使います。
43.
上記は「小塚ゴシック」、下は「りょう」をかな部分に設定しています。
44.
合成フォントを前提に「かな」のみのフォントも多く出ています。
45.
46.
47.
48.
49.
デジタルフォントはモリサワの2書体からスタートしました。
50.
先の2書体と加えて基本7書体と呼びます。
51.
「新ゴ」ファミリーはウエイトが揃っていることもあり、大ヒットしました。
52.
リュウミンもファミリー化(「 龍文堂明朝」に由来)
53.
ゴシックMB101は、ゴシックなのに 飾り がある(セリフ?サンセリフ?)
54.
中ゴと見出しゴMB31は、ファミリー的に使うことがあります。
55.
テクニカル系の書籍で多用されています。
56.
ヒラギノ書体は、文字にうるさい人々に大絶賛されました。
57.
Mac OS Xにバンドルされたときには腰を抜かしました。
58.
AXISフォントは、新ゴとは違った表情を持ちます。
59.
雑誌AXISのためにデザインされました(前述したようにAppleも使用)
60.
61.
ここ数年、キテいるのがオールド系のフォント(復刻版を含む)です。
62.
「丸明オールド」は明朝体ですが、エレメントの端がすべて丸まっています。
63.
広告系に大量に使われています(使われすぎて食傷気味...)
64.
A1明朝、丸明オールド、こぶりなの共通点は...
65.
角が
66.
Illustratorで処理する場合、デフォルトの機能ではムリがあります。
67.
上:角処理なし 、下:角処理あり(まろやか)
68.
こんな感じに使われています。
69.
A1明朝の特徴は「墨だまり」。活字での印字をシミュレーションしています。
70.
手書きフォントは「かな」のみしかないものもあります。
71.
グランジはかすれ/汚れ処理のことです。
72.
最近、注目度が高いのがユニバーサルフォント。
73.
家電などにも多く使われはじめています。
74.
以上が最近のフォントのトレンドです。
75.
76.
77.
78.
79.
80.
81.
「巴里の咏」 「巴里の咏」
82.
83.
文字を入力しただけの状態。
84.
このあたり気になりませんか?
85.
自動カーニングを行っても、拗促音や中黒、括弧のアキなどの処理が必要です。
86.
最初の状態と比べてみてください。
87.
画像化するキャッチはツメ組みにした方が可読性が上がります。
88.
89.
90.
91.
92.
93.
少し多めの原稿はテキストをボックスの中に入れて処理します。しかし...
94.
句読点のアキや禁則、また、ジャスティファイ設定する必要があります。
95.
設定するポイントはこの5つ。
96.
調整を行った後。
97.
続けて、デバイスフォントの扱いです。
98.
文字を流し込んだ状態では、読もうと思う気持ちは失せてしまいます。
99.
最低限、行間(行送り)は広げる必要があります。
100.
1文字インデントを設定すると、行頭の ツラ がばらけて見えます。
101.
Webでは3-5行ごとにアキを入れるので、1文字インデントは不要です。
102.
103.
104.
矢野さんの書籍で、こんな言及があります。
105.
それぞれの環境で最適なフォントについて考えてみましょう。
106.
Osakaは太すぎるため、見出しとのコントラストが弱いので本文には向きません。
107.
MS Pゴシックは、MS Officeをインストールすると入ってしまいます。
108.
起こしの括弧の前後のスペーシングが不自然になることがあります。
109.
結論として、Mac環境ではヒラギノ角ゴが最適だと考えます。
110.
111.
文字原稿をどう読ませるかも、デザインの領域です。
112.
下は適切にひらいた状態。ずいぶん印象が変わります。
113.
サイト・パーソナリティ(人格)という観点からも不可欠です。
114.
小学校で習いますし、記者ハンドブックなどにも記載されているルールです。
115.
hosoku
116.
ライセンスの方が安く、たくさんのフォントが使え、表現の幅が広がります。
117.
しかし、フォントが増えるのも困りものです。
118.
オススメは無償のFontExplorer X Proです。
119.
まずは最小限のフォント環境を構築します。
120.
セットとして、フォントを登録していきます。
121.
セットごと、また、検索などを使って、使用するフォントのみを有効にします。
122.
フォント管理は、デザイナーにとって不可欠です。
Download now