フォントの選び方・使い方京大マイコンクラブ(KMC) 春合宿2017 KMC Website: https://www.kmc.gr.jp/index.html Read less
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
SVGでプログラマブルな書体を作る話｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、2016年度にデザイナー職で新卒入社しました@Ln_northです。新卒研修も終わり、現在はOJTのもとで生放送チームにジョインしています。 さて、Googleのロゴが変わっていくらか経ちますが、このロゴはSVGを使うと少ないデータ量で表現できるというニュースが話題になりました。 この記事を見た際に、厳密には視覚調整が入るはずなので、正確に幾何的図形とは一致しないだろうという感想も抱きました。しかし、SVGで文字を生成するということには非常に興味を持ちました。今までにも、文字のアウトラインを使ったアニメーションや表現はありましたが、文字自体を生成するというものは見たことがなく、そしてSVGはJavaScriptで操作することができるため、書体の印象が動的なフォントを作ることができると考えたからです。 どういうことかというと、例えば であるとか、 といったことができるかもしれない
WWDC 2015 ―Mac OS X El Capitanに筑紫書体―
昨夜あっていたWWDC 2015のお話。 WWDCはAppleが毎年やっている、iOSとOS Xの話題がメインの開発者向けイベント。毎年この時期になると、色々なニュースサイトやブログがその内容の予想を始め、今回に関して言えば、iOS、OS X、あとは音楽配信サービスの話が盛り上がっていた。で、いざ蓋を開けてみると中身は実際そうだったんだけど、その中で一つ個人的にめちゃくちゃテンションの上がるニュースがあった。 それが、Mac OSに4つの新しい日本語フォントが加わるニュース。 僕は今朝これを見て「Appleやりおった！」と一人電車の中でめちゃくちゃ興奮していたんだけど、残念なことに？一日経ってみてもネットに上がってくるWWDCのまとめ記事ではこの話題の取り扱いがめちゃくちゃ小さく、ものによっては完全にスルーしているのもある。 記者の方がこのニュースにあまりインパクトを感じていないんだと思う
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
ノンデザイナーのための25のグラフィックデザインのコツ | POSTD
>このコツを大いに活用してグラフィックデザインに挑戦してみてください！ ソーシャルメディア向けのデザインからイベント用の招待状まで、どんなデザインであろうと使えるグラフィックデザインのアプリはたくさんあります。 ペアリングフォントやスケールから行揃えやホワイトスペースまで、デザインの世界は複雑な面を持ちます。この25のグラフィックデザインのコツが、創作過程のあれこれを通してあなたの手助けになるでしょう。 各項目をイメージした画像をクリックして、 独自のデザイン に編集してみましょう。楽しいデザインを！ 01. フォント頼みをやめて、書体を制限してみる このデザインを編集してみる シンプルかつ効果的なグラフィックデザインのために読みやすいフォントを使いましょう。いくつもの書体を使用したデザインは読みづらいものです。統一されたフォントを使うようにしましょう。 ここではAileronのフォントフ
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
和欧混植の条件分岐
CSS によるフォントの和欧混植は、たいがいの場合、font-family プロパティを使ったシンプルな実装で間に合う。ファミリ名をカンマ区切りのリストとして指定すれば、ユーザーのローカル環境に応じて利用可能なフォントが適切に選択される。 html { font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; } しかし、こういったシンプルなアプローチでは実現できないケースもある。「特定の和文フォントが利用可能な場合に、特定の欧文フォントと組み合わせて利用したい」というのがそれ。たとえば、「ヒラギノ明朝か游明朝のいずれかが利用できるなら Times と組み合わせて使いたいが、どちらの明朝体も利用できないなら Helvetica とゴシック体の組み合わせを使いたい」とか
フォントはウェイトを使いこなすと更に面白くなる！ウェイトが軽いフォントの効果的な使い方 | コリス
ウェイトが軽いフォントを使うと、デザインに明瞭で美しく洗練された印象を与えることができます。しかし使い方を間違えると、読みにくいだけでユーザーが内容を理解することができなくなってしまいます。 軽いウェイトのフォントを効果的に使う方法、気をつけたい注意点をUX Movementから紹介します。 Do's and Don'ts of Using Light Typefaces 下記はUX MovementのAnthonyの記事を意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから無断翻訳、まとめ記事の無断転載・少しだけ加えて盗用の声を聞くのでご注意ください。 見出しとボディテキストでの効果的な使い方 見出しのデザインを派手すぎないようにする方法 デザインにより洗練された印象を与える方法 軽いフォントは見た目だけではありません 小さいテキストに軽
游ゴシック／游明朝を正しく使うには？［Windows 8.1ストア・アプリ開発］
連載目次 Windows 8.1（以降、Win 8.1）には、「游（ゆう）ゴシック」と「游明朝」*1という新しいフォントが搭載された。それらのフォントをWindowsストア・アプリで使いたいと考える開発者も少なくないだろう。ところが、うかつに使うと落とし穴があるのだ。本稿では、その問題を解説し、回避する方法を説明する。 事前準備 Win 8.1アプリを開発するには、Win 8.1とVisual Studio 2013（以降、VS 2013）が必要である。本稿では、Oracle VM VirtualBox上で64bit版Windows 8.1 Pro（製品版）とVisual Studio Express 2013 for Windows*2を使用している。なお、回避する方法を確かめるだけならPreview版でも可能だ。Preview版を準備する方法や注意事項は、「WinRT／Metro TI
新人くん、これわかる！？書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks
こんにちは！新人デザイナーの入社を今か今かと待ち望んでいるデザイナーのタカハマです。 前回は「定番書体代わりに使えるGoogle Fonts」をご紹介しましたが、今回は「書体の要素」をちょっとした例え話と画像を用いてご紹介します！ フォントにも家族がある デザイナーが書体を語る上で、まず知っておきたい言葉「フォントファミリー」 書体の太さ・傾き・字幅が異なっても、書風に一貫性のあるフォント群をまとめて「ファミリー」と言います。 そう、書体にも家族があるんです！次の画像はヘルベチカファミリーの一例です。 そんなフォントファミリーの特徴をWebNAUTにちょこちょこ登場しているキャラクター「ウェブノートくん一族」に例えてご紹介します。 太さ（ウェイト） 同じ書風で太さに変化をつけた書体を用意することをウェイト展開といいます。いわば体重ですね。 シンくんはガリガリタイプで、レギュラー・ブックくん
CSSでのフォント指定について考える（2014年）｜DTP Transit
結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ
ゆず屋: [豆知識] MS明朝、MSゴシックは（今は）商用利用できる
漫画、アニメ、ライトノベル関係のロゴに使われているフォントの紹介。オタクのためのフォント読本「書体の研究」の情報も。 こんばんは。GALAXY Tab を買ったとたんに割り引きキャンペーンが始まってへこんでいる榊です。 予約までして買った客の立場っていったい…… さて、気を取り直して今日はフォントの小ネタを一つ。 Windows に標準で付いている MS明朝やMSゴシックは商用利用できる という話です。 と書くと、「お前、『書体の研究（商業誌版）』で商用利用できないって書いたじゃないか」と言われそうですが、実は、今は使えるんです。 というのも、MS明朝やMSゴシックの権利はリコーが持っているので、以前（2009年4月）に商用利用の可否について問い合わせたんですが、そのときは次のような回答でした。 （以下、（株）リコー TTWインフォメーションセンターよりの回答からの抜粋）申し訳ございません
Windows Azure : Windows Azure Joins Windows Server in a New Organization: Server & Cloud Division
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リーナス曰く「2560x1600がラップトップの標準になってるべきだろボケ」
Linus Torvalds - Google+ - So with even a $399 tablet doing 2560x1600 pixel displays,… リーナス・トーバルズがGoogle+で、ラップトップの解像度だけが全然向上していない現状に吠えてる。 399ドルのタブレットですら2560x1600ピクセルのディスプレイなんだぜ。ラップトップの解像度の標準もそれぐらいにしてくれよマジで頼むし。もちろん11インチでもだ。頼むし、"retina"とかいうクソな名前で呼ぶのはやめれ。単に、「まともな解像度」と呼べ。ラップトップがここ10年ほど、あんまり進化してないのは残念すぎるだろ。 俺は弁当箱みたいなラップトップは欲しくないが、1366x768とかいうのは旧世紀の遺物だろ。マジで、じきに携帯電話すらラップトップのクソな解像度を笑うようになるぜ。 もし自称技術ジャーナリスト
Profile | Kenji Wada
Kenji Wada a.k.a. CH3COOH (さくさん) Smartphone Application Developer Award MVP Alumni Microsoft MVP Microsoft MVP for Windows Platform Development 2014 - 2017 Microsoft MVP for Visual C# 2013 Microsoft MVP for Device Application Development 2010 - 2012 Other MASHUP AWARDS 6 2010 楽天賞 (Rakuten Award) Books .NET 開発テクノロジ入門 2014年版 Jun 2014, 日経BP社 アプリ内課金+広告 iPhoneプログラミング Jan 2014, 秀和システム社 Windows ストア アプリ開発
Appleが利用するフォントを徹底解剖 | ブログヘラルド
アップルが広告や宣伝にどのフォントを利用しているのか気になったことがあるだろうか？コンピュータのキー、MacのUI、iPhoneにはどのフォントが利用されているのだろうか？以下にアップルが利用するフォントを挙げていく。 ブランドアイデンティティ 全ての広告素材、プロモーション、アップルのウェブサイト、そして、光り輝く製品の箱には、アップルはミリアド・プロ・セミボールドと呼ばれるミリアドのバリエーションを利用している。サンセリフの書体であるミリアドは1992年にアドビによって初めてリリースされていた。現在、アップルだけでなく、グーグル（Gmailの最後の3文字）、リンクトイン、ロールスロイス、そして、ウォルマートもミリアドを採用している。アップルは2002年からミリアドの利用を始めている。 それ以前は、アップルはギャラモンの利用に拘っていた。アップルが利用していたフォントはアップル・ギャラモ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜアップルは世界で最も愛されたフォントを捨てたのか
【WP8.1】中華フォント対策はどれがいいか? ～CultureInfo.CurrentUICulture の仕様が変わっていた件 #wpdev_jp - biac の それさえもおそらくは幸せな日々@nifty