SlideShare uma empresa Scribd logo
1 de 220
Baixar para ler offline
Webデザイナーのための
タイポグラフ と文字組版
ィ
鷹野 雅弘
(スイ
ッチ)
アップルストア銀座 3Fシアター

このスライドは、2013年11月21日にアップルストア銀座で開催された
CSS Nite in Ginza, Vol.72のものです。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
私は、1996年から都内で「スイッチ」という制作会社を営んでいます。
当初、DTP(グラフィックデザイン)からスタートし、
Webのフィールドと両輪で制作を行っています。
グラフィックデザインの人間からは、Webは文字に関して 甘い と言われます。
今回は「Reloaded」とついているように「続編」です。
前編をご覧になっていない方は、ぜひご覧ください。
http://www.slideshare.net/swwwitch/web-10114816
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
3つのパート(+1)で構成します。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
今年4月に青森は弘前(ひろさき)にお邪魔したとき、
こんな看板がありました。
あまり美味しそうじゃないですよね...
っていうか、「世にも奇妙な...」?
ホテルを予約して、実際に行ってみると印象が違うという経験はありませんか?
実店舗、サイト、それぞれのパーソナリティがありますが、
これらが一致していないと不自然に感じてしまいます。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
こちらの「キャッチ」のフォントを考えてみましょう
「AXIS B」:無難な印象ですが、クールやセクシーというニュアンスが出ません。
ウエイトを落として、軽めに「AXIS L」:悪くない感じです。
さらに細く「AXIS UL」。悪くないですが、可読性という面で難があります。
助詞の文字サイズを下げてメリハリを付けるとよさそうですが、あまり変わりません。
「りょう」は、かな部分がやさしい印象となりますが、柔すぎるかも...
「ロゴアールStd」は遊びすぎで、そぐわない感じが残ります。
使い古されつつありますが「A1明朝」がはまるかもしれません。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
こちらは「ヒラギノ角ゴW6」で組んだもの
英数字(たとえばM)を見ると、筆文字っぽいニュアンスになっています。
下のサンプルは英数字にMyriadを設定。こちらの方がしっくりきませんか?
和文フォ
ント

欧文フォ
ント

英数字

英数字

半角記号類

半角記号類

ひらがな
漢字
全角記号類

和文フォント、欧文フォントは、英数字と半角記号類が共通しています。
和文フォ
ント

欧文フォ
ント

英数字

英数字

半角記号類

半角記号類

ひらがな
漢字
全角記号類

和文フォント内の英数字と半角記号類を「従属欧文」と呼びます。
2013年6月30日(日)

2013年6月30日(日)
たとえば、日付を組むとき、英数字には欧文フォントを設定し、
2013年6月30日(日)

2013年6月30日(日)
さらにメリハリを付けて仕上げます。
少なくてもグラフィックデザインの分野では混植が常識です。
ただし、フォントのメカニズムそのものが異なりますので、
英数字には、サイズやベースラインの調整が不可欠です。
ご参考までに、Appleのコーポレートフォントはこのように変遷しています。
こちらは、アドビ。
Typography: Corporate typefaces
As with our logo, consistent use of our corporate typefaces—Adobe Clean and Minion® Pro—reinforces Adobe’s brand
identity. Both are OpenType™, a cross-platform format that provides richer linguistic support through widely expanded
character sets and advanced layout features.
Both fonts are available for download from Marketing Hub under Corporate > Corporate Fonts.
Primary typeface - Adobe Clean

Secondary type face - Minion Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890
=~!@#$%^&*()+[]{}|:;’:”<>?,./

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890
=~!@#$%^&*()+[]{}|:;’:”<>?,./

Adobe Clean should be used for headlines and may be used
for copy. Short headlines or labels can be all caps, otherwise
headlines and subheads are sentence case.

Minion Pro should be used primarily for extended running body
copy in longer, multiple-page documents, such as brochures
and datasheets.

The introduction of the proprietary typeface Adobe Clean in April
2009 was to help differentiate Adobe in the marketplace.
It replaces the previous sans serif corporate font, Myriad Pro.
It will not be available for license to the general public.

Avoid using weights other than Minion Pro Regular. Use Minion
Pro SemiCondensed Bold for emphasis when needed. Avoid
using Minion smaller than 9pt. Use standard numerals; do not use
Minion’s Old Style numerals.

To use Adobe Clean well along side the corporate logo, which
continues to use Myriad Pro, avoid condensed or extended type.

Minion Pro Semibold Condensed
Minion Pro Regular
Minion Pro Semibold
Minion Pro Bold

Adobe Clean Light
Adobe Clean Regular
Adobe Clean Bold
Adobe Clean SemiCondensed
Adobe Clean Bold SemiCondensed

Adobe Clean Light Italic
Adobe Clean Italic
Adobe Clean Bold Italic
Adobe Clean SemiCondensed Italic
Adobe Clean Bold SemiCondensed Italic

Minion Pro Semibold Condensed Italic
Minion Pro Italic
Minion Pro Semibold Italic
Minion Pro Bold Italic

Note: Alternate glyphs are available for the letter “g” and number “1” in Adobe
Clean Regular.
25

Adobe Corporate Brand Guidelines | Adobe Confidential | 25 October 2010

アドビは現在「Adobe Clean」を使用しています。
具体的な
組み合わせ例を
教えてください
!

どのように混植(組み合わせ)のか、という質問を多くいただきますので解説します。
新ゴ

「画像をなるべく使わずにWebをレイアウ
ト
するテクニック」と題して、CSS3のプロパ
ティ、Typekitを使ったWeb Fonts の実装
を解説。

こちらは「新ゴ」。
新ゴ

「画像をなるべく使わずにWebをレイアウ
ト
するテクニック」と題して、CSS3のプロパ
ティ、Typekitを使ったWeb Fonts の実装
を解説。
新ゴ

+ MO ClearTone SG

ト
「画像をなるべく使わずに Web をレイアウ
するテクニック」と題して、CSS3 のプロパ
ティ、Typekitを使った Web Fonts の 実 装
を解説。
英数字部分に異なるフォントを与えると、ずいぶん印象が変わります。
AXIS

「画像をなるべく使わずにWebをレイアウト
するテクニック」
と題して、
CSS3のプロパティ、
Typekitを使ったWeb Fontsの実装を解説。

AXISフォントは、従属欧文を使うことを前提に制作されていますが、
AXIS

「画像をなるべく使わずにWebをレイアウト
するテクニック」
と題して、
CSS3のプロパティ、
Typekitを使ったWeb Fontsの実装を解説。
AXIS + MO ClearTone SG

「画像をなるべく使わずに Web をレイアウト
するテクニック」
と題して、
CSS3のプロパティ、
Typekitを使った Web Fonts の実装を解説。
「MO ClearTone SG」と組み合わせると、今っぽい感じです。
MO ClearTone SG

なるべく使わずに Web をレ

ニック」
と題して、
CSS3のプ

を使った Web Fonts の実装
ただし、拡大してみると...
MO ClearTone SG

なるべく使わずに Web をレ

ニック」
と題して、
CSS3のプ

を使った Web Fonts の実装
英数字部分のベースラインの調整が必要です。
小塚ゴシック

「画像をなるべく使わずにWebをレイアウト

するテクニック」
と題して、
CSS3のプロパティ、
Typekitを使ったWeb Fontsの実装を解説。

アドビCS/CCなどをインストールすると必ず入る「小塚」フォントですが、
小塚ゴシック

「画像をなるべく使わずにWebをレイアウト

するテクニック」
と題して、
CSS3のプロパティ、
Typekitを使ったWeb Fontsの実装を解説。
小塚ゴシック

+り
ょう

「画像をなるべく使わずにWebをレイアウトす
るテクニック」と題して、CSS3のプロパティ、

「な」など、かな部分にクセがありすぎます...
小塚ゴシック

「画像をなるべく使わずにWebをレイアウト

するテクニック」
と題して、
CSS3のプロパティ、
Typekitを使ったWeb Fontsの実装を解説。
小塚ゴシック

+り
ょう

「画像をなるべく使わずにWebをレイアウトす
るテクニック」と題して、CSS3のプロパティ、
小塚ゴシック

+り
ょう

+ Myriad

「画像をなるべく使わずに Web をレイアウトす
るテクニック」と題して、CSS3 のプロパティ、
また、英数字はMyriadをベースにしていますが、若干細めなので再指定します。
ヒラギノ明朝

「画像をなるべく使わずにWebをレイアウ
トする
テクニック」と題し
て、CSS3のプロパテ
ィ、

Mac OS Xのデフォルトフォントのひとつ「ヒラギノ明朝」
ヒラギノ明朝

「画像をなるべく使わずにWebをレイアウ
トする
テクニック」と題し
て、CSS3のプロパテ
ィ、
ヒラギノ明朝

+ Garamond

トする
「画像をなるべく使わずにWebをレイアウ
ィ、
テクニック」と題し
て、CSS3のプロパテ

やはり英数字が少し野暮ったいので「Garamond」などを組み合わせるとベター。
ヒラギノ明朝

「画像をなるべく使わずにWebをレイアウ
トする
テクニック」と題し
て、CSS3のプロパテ
ィ、
ヒラギノ明朝

+ Garamond

トする
「画像をなるべく使わずにWebをレイアウ
ィ、
テクニック」と題し
て、CSS3のプロパテ
ヒラギノ明朝

+ Garamond + り
ょう

アウ
「画像をなるべく使わずに Webをレイ トする
ィ
テクニッ
ク」と題して、CSS3のプロパテ 、
「りょう」の明朝版もいい感じです。
A1 明朝

「画像をな く
るべ 使わずにWebを イ ウ す テ
レ ア ト る ク
ニ ク」 題し
ッ と て、CSS3のプロパテ 、
ィ

ここ数年、イヤというほど見かける「A1明朝」
A1 明朝

「画像をな く
るべ 使わずにWebを イ ウ す テ
レ ア ト る ク
ニ ク」 題し
ッ と て、CSS3のプロパテ 、
ィ
A1 明朝 + Georgia

「画像をな く
るべ 使わずにWebを イ ウ する ク
レ ア ト テ
ニ ク」 題し
ッ と て、CSS3のプロパテ 、
ィ

こちらも英数字が野暮ったい印象...
Georgiaは、Mac/Windowsに入っているフォントですが、
オールドスタイルと呼ばれる形状をしています。
http://blog.petitboys.com/archives/georgiaverdana.html
A1 明朝

「画像をな く
るべ 使わずにWebを イ ウ す テ
レ ア ト る ク
ニ ク」 題し
ッ と て、CSS3のプロパテ 、
ィ
A1 明朝 + Georgia

「画像をな く
るべ 使わずにWebを イ ウ する ク
レ ア ト テ
ニ ク」 題し
ッ と て、CSS3のプロパテ 、
ィ
A1 明朝 + Warnock

レ ア ト テ
「画像をな く
るべ 使わずにWebを イ ウ する ク
ィ
ニ ク」 題し
ッ と て、CSS3のプロパテ 、

オールドスタイルはクセがありすぎるので、日本語では避けるとよさそうです。
合成フォントの組み合わせ(ゴシック系)
ベース

英数字

かな

ヒラギノ角ゴ

Helvetica

り
ょう

小塚ゴシック

Frutiger

ネオツデイ

新ゴ

Myriad

鴨野かな

AXIS

Verdana

ゴシック MB

MO ClearTone SG

メイリオ

ゴシック系では、これらを組み合わせるとよいでしょう。
合成フォントの組み合わせ(明朝系)
ベース

英数字

かな

ヒラギノ明朝

Garamond

り
ょう

小塚明朝

Minion

リ
ュウミン小がな

リ
ュウミン

Warnock

リ
ュウミンオールドがな

A1 明朝

Georgia

アンチック

明朝系では、これらを組み合わせるとよいでしょう。
ところで、「Helvetica」と、それに似た「Arial」というフォントがあります。
「どっちがHelveticaか?」というクイズがあったり...
http://www.ironicsans.com/helvarialquiz/
その形状の違いを解説されたりしています。
http://ragbag.tumblr.com/post/187708731/arial-helvetica-on-friday-i-hosted-a-screening
ちなみに「Arial」をどう読むのか、については
http://tosche.net/2012/09/arial_j.html
なんと、正解がない!とのこと。
と、海外で活躍される大曲都市さんがブログで解説されています。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
上と下では、ずいぶん印象が変わります。
「する事が出来る」を
「することができる」のように表現することを
ひらく と呼びます。
どの文字を ひらく かについては、colissの記事を参考にしてみてください。
http://coliss.com/articles/build-websites/operation/writing/288.html
俺俺ルールではなく、ガイドラインがあります。
bizYouの「エキスパートコラム」の
Web文章入門「わかりやすい文章の10大原則」も、ぜひ、ご一読ください。
スクロールしていくと
8番目に「ひらがなを多く」というセクションがあります。
「ひらがなを多く」したサンプル
さらに下、9番目に「カタカナを効果的に」というセクションがあります。
「カタカナを効果的に」使ったサンプル
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
あるコンビニのウインドウで、こんな掲示がありました。
パスモス
イカ開始
一瞬、悩みますよね...
イカ??
パスモス
イカ開始
こちらは...
パスモ
スイカ開始
これが正解
パスモス
イカ開始
スペース的に厳しいのであれば、
パスモ・ス
イカ開始
たとえば「・」(中黒)を入れるとよかったですよね。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
インフラエンジニアに相談
しておくことをおすすめします

とあるプレゼンのスライドから拝借したものですが、
インフラエンジニアに相談
しておくことをおすすめします

インフラエンジニアに
相談しておくことを
おすすめします
改行位置を変えるだけで、理解できるスピードが変わることを理解できるでしょう。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
2013年6月30日(日)

さきほども出てきた日付ですが、
2013年6月30日(日)

2013年6月30日(日)

英数字のフォントを変えたり、
2013年6月30日(日)

2013年6月30日(日)

重要でない文字の大きさを変えて
2013年6月30日(日)

2013年6月30日(日)

ベースラインを調整します。
2013年6月30日(日)

Before/Afterを
2013年6月30日(日)

このように並べると、その差は歴然です。
次は「値組み」です。
数字は位取りのカンマを付けた方が理解しやすいですよね。
日付と同様、「円」の文字サイズを下げた方が理解度が増します。
重要度に応じて、適切に文字サイズを変更すると、伝わりやすさに反映します。
つまり、入力したままでなく、適切に手を入れようよ、ということです。
これもとあるプレゼンのスライドから拝借したものですが、
段落間のスペースを変更するだけで、構造の理解度が大きく変わります。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
箇条書きを「・」(中黒)で入力されてしまう方がいますが、
ワープロ系なら箇条書き機能、HTMLならul/li要素でマークアップします。
さらに項目間にスペースを入れると見やすいですよね。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
こちらも、あるプレゼンのスライドから拝借。
パッと見た目、
3つの項目があるように見えてしまいませんか?
行間は広げればいいというものではなく、
適切にすべきです。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
入力したままにせず、
ツメ(カーニング処理)を行うのがセオリーですが、
そもそも、なぜ、詰める必要があるのでしょうか?
以前、話題になったもので、
「なぜか読めてしまうコピペ文章」というものがありました。
文字単位での順番が適当でも、読めてしまうというものです(日本語/英語ともに)
たとえば、電話番号も、数字だけの羅列よりも
ハイフンで区切ると、読みやすさに差が出ます。
私たちは文字単位でなく、「まとまり」で認識しているということです。
先の例を出しますと、
日本語では「仮想ボディ」と呼ばれる正方形で文字が並びます。
下のようにツメ処理をすることで、単語やフレーズが まとまり になります。
そういう意味では、最近のトレンドとして「アケ組み」がありますが
「まとまり」として認識しにくくなるので、読ませたい場所には不適切です。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
アプリケーションでの自動カーニングについて解説します。
Illustratorには「自動」「オプティカル」「和文等幅」などの自動カーニングがあります。
Photoshopにも「メトリクス」「オプティカル」の自動カーニングがあります。
InDesignには「メトリクス」「オプティカル」「和文等幅」と呼びます。
自動
(メトリクス)

自動

メトリクス

メトリクス

オプティカル
和文等幅

アプリケーションによって、名称が異なることがあります。
「自動/メトリクス」を使い、ツメが効かない場合に「オプティカル」を使用します。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
アルファベットの場合、文字ごとに固有の横幅を持っています。
前の文字に食い込んで組むことを「ペアカーニング」と呼びます。
文字ごとに決まっており、「自動/メトリクス」ではフォントが持っている値を参照します。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
自動カーニングで終了ではなく、若干の調整は必要です。
しかし、このとき、致命的なバグがあります...
これを回避するには、[プロポーショナルメトリクス]をオンにします。
Photoshopでは、
[文字]パネルメニューにあります。
http://d.hatena.ne.jp/works014/20110827
この回避方法は、大石さんという方が発見されました。
カーニングに興味を持たれた方は、KERNTYPEで遊んでみてください。
http://type.method.ac/
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
実際(に近い)画面
実際(に近い)画面
パーレン(丸括弧)を半角で入力するか、全角で入力するか…
実際(に近い)画面
実際(に近い)画面
ベースラインを引いてみると、半角の方は下がっていることがわかります。
これは、フォントの設計が異なることが原因です。
このようにパーレンやブラケットが混じる場合....
全角を使った方が、上下のズレは生じません。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
住所を例に考えてみましょう。
数字やハイフンの前後はカーニングの調整の必要があります。
さらにハイフンを見てみると、このように下がっています。
文字サイズを調整したり、
ベースラインを調整すると、このようになります。
比べてみると、その差は歴然です。
電話番号も同様です。
中心線を引いてみるとわかりますが、
ハイフンの調整が必要です。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「巴里の咏」
巴里の咏
女性誌などでは、カギ括弧を罫線で表現しています。
このセッションでは「画像をなるべく使わずに
Webをレイアウ
トするテクニック」と題して

「新ゴ」などのフォントでは、ウエイトの太い場合、カギ括弧も太くなってしまいます。
このセッションでは「画像をなるべく使わずに
Webをレイアウ
トするテクニック」と題して

このセッションでは「画像をなるべく使わずに
Webをレイアウ
トするテクニック」と題して

これをウエイトを下げ、軽めのものにするとスッキリします。
このセッションでは「画像をなるべく使わずに
Webをレイアウ
トするテクニック」と題して

このセッションでは「画像をなるべく使わずに
Webをレイアウ
トするテクニック」と題して

このセッションでは「画像をなるべく使わずに
Webをレイアウ
トするテクニック」と題して
ヒラギノなどを使って「小かぎ」にすると、さらにスッキリします。
「テクニック」
「テクニック」
「テクニック」
好みもありますが、ずいぶん印象が変わります。
こちらはIllustratorで入力しただけのキャッチです。
下は少し加工したものですが、違いがわかりますでしょうか?
背面に帯を敷くとわかりますが、上の方は1-2行目が引っ込んでいます。
これを「面(ツラ)が合っていない」と表現しますが、これも手を加えておきたいです。
caption
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
画像化
OS X Mavericks(10.9)と
Windows 8.1では
はじめて同じフォントがプリインストールされています。
http://blog.petitboys.com/archives/yugothic-yumincho-jiyukobo.html
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
Google Fontsがポピュラーですが、
現在、629フォントもあります。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
http://mojidepa.com/login
http://decomoji.jp/
http://webfont.fontplus.jp/
http://typesquare.com/
Web Fontsを使うと、ウエイトの太いフォントに、さらに太字設定されてしまうなど、
現在では、問題山積みです。
http://takanomasahiro.tumblr.com/post/33520166004/web-fonts-2012-10
本日は、フォント(選び)の大切さについて触れてきましたが、
http://www.linelabo.com/gtmincho.htm
ある意味、フォントやその他の配慮は、適切に行われるほど存在感が消えます。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
その結果、実現したいのは、この2つです。
こだわりポイントを知って、こだわりましょう。
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)

Mais conteúdo relacionado

Mais procurados

Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法Katsumi Tazuke
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインHiroyuki Makishita
 
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司schoowebcampus
 
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座光利 吉田
 
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)witstudio
 
Sketchで変わるワークフロー
Sketchで変わるワークフローSketchで変わるワークフロー
Sketchで変わるワークフローAsami Yamamoto
 
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術Yasuhito Yabe
 
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方girigiribauer
 
デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?rie05
 
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 AutumnSketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 AutumnRisako Imai
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性yukahatakeyama
 
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」Miho Yamamori
 
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインコンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインToshihiko Yamakami
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックAkiko Kurono
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道schoowebcampus
 
Lifull x oisix toda 190423
Lifull x oisix toda 190423Lifull x oisix toda 190423
Lifull x oisix toda 190423oisixradaichi
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランSasaki Kouhei
 

Mais procurados (18)

Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
 
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
 
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
 
Sketchで変わるワークフロー
Sketchで変わるワークフローSketchで変わるワークフロー
Sketchで変わるワークフロー
 
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術
 
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
 
デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?
 
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 AutumnSketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
 
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
 
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインコンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
 
Lifull x oisix toda 190423
Lifull x oisix toda 190423Lifull x oisix toda 190423
Lifull x oisix toda 190423
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
 

Semelhante a 「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)

最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみたKasumi Morita
 
WordPressといろんなAPIを組み合わせてWebアプリを作ろう
WordPressといろんなAPIを組み合わせてWebアプリを作ろうWordPressといろんなAPIを組み合わせてWebアプリを作ろう
WordPressといろんなAPIを組み合わせてWebアプリを作ろうTsuzurahara Tohru
 
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りBootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りMasayuki Abe
 
「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)
「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)
「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)Sakura Asano
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Miho Yamamori
 
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッションKei Nakazawa
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏Yusuke Hirao
 
Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.Takeshi Kashihara
 
Webデザインにおける「見えづらい」こだわりハック
Webデザインにおける「見えづらい」こだわりハックWebデザインにおける「見えづらい」こだわりハック
Webデザインにおける「見えづらい」こだわりハックFlavor Bright
 
141219 まにフェス
141219 まにフェス141219 まにフェス
141219 まにフェスrie05
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみただいすけ ふるかわ
 
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4Yu Morita
 
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)Masayuki Abe
 
InDesign正規表現勉強会_名古屋_0727
InDesign正規表現勉強会_名古屋_0727InDesign正規表現勉強会_名古屋_0727
InDesign正規表現勉強会_名古屋_0727ShinyaNakagawa
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツMori Keita
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケAsami Yamamoto
 
Black friday in san francisco
Black friday in san franciscoBlack friday in san francisco
Black friday in san franciscoSho Otani
 
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/SpringVisual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/SpringIssei Hiraoka
 
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったことデザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったことsizucca
 

Semelhante a 「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ) (20)

最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
 
WordPressといろんなAPIを組み合わせてWebアプリを作ろう
WordPressといろんなAPIを組み合わせてWebアプリを作ろうWordPressといろんなAPIを組み合わせてWebアプリを作ろう
WordPressといろんなAPIを組み合わせてWebアプリを作ろう
 
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りBootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
 
「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)
「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)
「XD、受託案件で使ってみた」Adobe XD ユーザーフェス (名古屋)
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
 
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
 
Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.
 
Webデザインにおける「見えづらい」こだわりハック
Webデザインにおける「見えづらい」こだわりハックWebデザインにおける「見えづらい」こだわりハック
Webデザインにおける「見えづらい」こだわりハック
 
141219 まにフェス
141219 まにフェス141219 まにフェス
141219 まにフェス
 
Roo
RooRoo
Roo
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
 
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
 
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
 
InDesign正規表現勉強会_名古屋_0727
InDesign正規表現勉強会_名古屋_0727InDesign正規表現勉強会_名古屋_0727
InDesign正規表現勉強会_名古屋_0727
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
 
Black friday in san francisco
Black friday in san franciscoBlack friday in san francisco
Black friday in san francisco
 
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/SpringVisual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
 
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったことデザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったこと
 

Mais de swwwitch inc.

Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘swwwitch inc.
 
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...swwwitch inc.
 
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)swwwitch inc.
 
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)swwwitch inc.
 
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本swwwitch inc.
 
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」swwwitch inc.
 
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』swwwitch inc.
 
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較
Create Now Design Tour Special「CS vs CC徹底比較セミナー・特別編」ユーザー目線からのCC VS CS徹底比較swwwitch inc.
 
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)swwwitch inc.
 
Illustrator CS5 for Webデザイン
Illustrator CS5 for WebデザインIllustrator CS5 for Webデザイン
Illustrator CS5 for Webデザインswwwitch inc.
 
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)swwwitch inc.
 
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10swwwitch inc.
 
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)swwwitch inc.
 
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」swwwitch inc.
 
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?swwwitch inc.
 
Widthの発音について
Widthの発音についてWidthの発音について
Widthの発音についてswwwitch inc.
 
CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4) CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4) swwwitch inc.
 
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘swwwitch inc.
 
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...swwwitch inc.
 

Mais de swwwitch inc. (20)

Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
Creative Cloud道場(CC道場)#212 エバンジェリストに聞け!鷹野雅弘
 
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
 
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
 
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
 
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
 
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
Best of MAX「ベテランほど知らずに損してる IllustratorとPhotoshopの新常識(CCライブラリ編)」
 
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』
page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』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徹底比較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年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
 
Illustrator CS5 for Webデザイン
Illustrator CS5 for WebデザインIllustrator CS5 for Webデザイン
Illustrator CS5 for Webデザイン
 
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
 
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
ここ数バージョンのIllustratorで強化されながらも見過ごされている(であろう)機能、ベスト10
 
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)マスクに関するアレコレ(「生でエキスパートが語る」第3回)
マスクに関するアレコレ(「生でエキスパートが語る」第3回)
 
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」
 
ベジェ再入門
ベジェ再入門ベジェ再入門
ベジェ再入門
 
Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?Dreamweaver CS5.5でワークフローはどう変わるのか?
Dreamweaver CS5.5でワークフローはどう変わるのか?
 
Widthの発音について
Widthの発音についてWidthの発音について
Widthの発音について
 
CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4) CSS Nite in Ginza, Vol.55 (Shift 4)
CSS Nite in Ginza, Vol.55 (Shift 4)
 
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
 
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
Illustrator CS5、Photoshop CS5 Extended、Fireworks CS5、どれを使う? Webデザイナーのための使いどころ...
 

Último

情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法ssuser370dd7
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfMatsushita Laboratory
 
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦Sadao Tokuyama
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~arts yokohama
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)ssuser539845
 
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見Shumpei Kishi
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor arts yokohama
 
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-LoopへTetsuya Nihonmatsu
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdfAyachika Kitazaki
 

Último (12)

2024 04 minnanoito
2024 04 minnanoito2024 04 minnanoito
2024 04 minnanoito
 
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
 
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
 
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
 
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
 
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
 
2024 03 CTEA
2024 03 CTEA2024 03 CTEA
2024 03 CTEA
 

「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)