「日本未来ネットワーク」のタイポグラフィを分析する - lunar0 texts
画像は mirai-senkyo.com より，2014-11-29 02:15 にダウンロードしたものに筆者がアノテーションを記入． 前提知識1: カーニングとは テキストは，文字どうしの間隔を調整せずに打ち込んだだけでは（これをベタ打ちという）整って見えない．間隔を視覚的に均等にし，読みやすく調整することをカーニング（文字ツメ）という． 長文の全体を手動でカーニングすることは普通行わないが，短いタイトルなどを手動でツメることはひろく行われている． 前提知識2: RGB/CMYKとリッチブラック 大雑把にいえば，印刷物がCMYK，WebページがRGB．Webページ向けの sRGB や印刷業界向けの Adobe RGB などがあるが，ここでは省略． CMYKでは，シアン(C)・マゼンタ(M)・イエロー(Y)・ブラック(K)の4色のインクを用いて印刷を行うが，CS2以降，デフォルトの設定では
感嘆符・疑問符の後の全角空白は本当にJIS由来？ 中の人に聞いてみたよ - 電書ちゃんねるBlog
こんにちは、ろす（@lost_and_found）です。 先日、いつも勉強させて頂いている株式会社LIGさんのサイトに載ったこんな記事が話題になりました。 感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG 日本語の表記ルール「！」「？」の後ろの空きをめぐって、さまざまなメディアや規格を調査・考察した素晴しい記事です。僕のような浅い人間は「ああ立派だなあ」と感心するのが精一杯のリアクションでした。 JIS X4051:2004を読んだけどわからない ところが次の記述に疑問を呈する声が聞こえてきます。 そして、JISX4051では、同様に全角スペースを、疑問符や感嘆符の後に和字間隔をあけることに用いると定めているため、“「感嘆符（！）」と「疑問符（？）」の後には全角スペースを空ける”がJIS、すなわち日本の国家標準、と言えるので
「ソリッド」を使った今時のWebデザインの作り方がかっこいいUIキット・ページレイアウトのまとめ
ソリッドなラインを使ったアイコン、テキストを矩形で囲ったゴーストボタン、ラインで描いた幾何学模様など、ソリッドを使ったUIキット、Webページやアプリのレイアウトやテンプレートを紹介します。 いくつかはPSDファイル（無料/有料）もダウンロードできます。 BrandaLoka 斜めのグリッドをはじめ、ダイアモンドやサークル状のエレメントなどにソリッドを取り入れたスタイリッシュな縦長1ページ用のテンプレート。100MB超えのPSDがダウンロードできます。
DTP→Webデザイナー転向時に、これやったら捗ったよリスト13
元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP（エディトリアルデザイナー）の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何？レベル。（テーブルレイアウト世代） 一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい 呪文みたいなコードを延々と打つ作業がだるい うまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い 本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ
デザインに自信がつく、タイポグラフィの基本
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。［2014-04-19］ ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。Read less
グラフィックデザイナーに知ってほしいWebのこと
グラフィックデザイナーが作ったWebデザインをコーディングする、という案件を受けることがあります。 「デザインすること」については歴史が長いグラフィックデザイナーに一日の長があると思っていますが、Webにはグラフィックと違った特徴があります。 Webデザインを制作する際に知っておいてほしいことを挙げてみます。 タイポグラフィの制限 同じ文字でも、Webサイトには「画像」と「テキスト」が存在します。 簡単に区別すると、マウスカーソルで1文字ずつ選択できるものがテキスト、出来ないものが画像です。 画像はIllustrator・Photoshop等で制作したままの見た目を表示させることができますが、画像内に含まれる文章をGoogleなどに認識させにくいです。 テキストは情報をGoogleなどに認識させやすいのですが、フォント指定・装飾（袋文字や影など）・字詰めなどのタイポグラフィが苦手です。 画
オンライン雑誌が簡単に作れる『Format Pixel』 | 100SHIKI.COM
オンラインでぱらぱらめくる雑誌やカタログなどのインターフェースはよく見る。 ページのはしにマウスを持っていくとペロリとめくれる例のやつだ。 そうしたインターフェースを使うには今まで専用のソフトなどが必要だったが、format pixelではウェブ上で簡単に作れるようだ。 ちょっと自分でも作ってみたが、直感的な操作でカタログっぽいものがすぐできた。 レイアウトも柔軟に行えるのでちょっと凝ったフォトアルバムや招待状などをつくるのにいいのかもしれない。 DTP（Desk Top Publishing）もWTP（Web Top Publishing）へと変化していく時代ですかね・・・。 管理人の独り言 『おとりよせ』 個人的におとりよせがブームだ（最近ひきこもりぎみ・・・）。先日は友人に紹介してもらったチーズケーキを食してみた。 冷凍して、解凍させながら食べる、というのがなかなか新感覚でよかった。
Markdown to Inao - naoyaのはてなダイアリー
tl;dr: markdown2inao.pl は今後 https://github.com/naoya/md2inao.pl で管理していくからよろしくオナシャス。Web 版 http://md2inao.bloghackers.net/ も用意したぜ。 "inao"記法 技術評論者の WEB+DB PRESS に原稿を書いたことのある人々には密かに知られていた "inao" と呼ばれているテキストフォーマットがあります。 ■見出し ここが本文 ・リスト１ ・リスト２こんな感じの、ある程度ヒューマンリーダブルな全角文字を主体としたマークアップ。WEB+DB PRESS編集部ではこの記法から InDesign で DTP に変換するというようなことを長らくやっていたらしい。つまり、このフォーマットで書いておくとそこから著者校正用の PDF になる。 markdown2inao.pl けれど
@nifty：デイリーポータルZ：フォントの分かる男
世の中には何千種類ものフォントがある。 ぼくはせいぜい、明朝体とゴシック体ならその違いが分かるかなという程度だけど、印刷業界などのプロになると、「モリサワの見出ゴMB31」のようにピンポイントにその書体を識別できるらしい。 なんだか呪文のようでかっこいい。 雑誌や看板など、まちの中にあふれるフォントの名前を、詳しい人に教えてもらいました。 （text by 三土たつお） 先生はDTPをやっている友人です 今回の企画はそもそもDTP（デスクトップパブリッシング）をやっている友人との雑談から生まれたものだ。 仕事でよく使う範囲のフォントなら、たいてい言い当てることができるのだという。 というわけで、話の発端となった友人のＮ川さん（写真左）、そして同業のＯ原さん（写真右）に協力してもらい、例によってまちを歩きながら、見かけた文字についてそのフォントを調べていくことにする。
イラレでWebデザインをされる方にお願いしたい7つのこと。
普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 １．色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作ってしまうことがあるかもしれません。 でもWebはRGBの世界です。変換すると意図した色にならなかったりしますので、 最初からRGBで作ってください。埋め込む画像も同じです。 ２．どこがデバイスフォントなのか分かるように指示を。 紙の世界では文字は文字でしかありませんが、Webの世界では「テキストデータ」にするのか 「画像」にするのか決めなければなりません。本文は原則「テキストデータ」ですが、 判断に困る
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社モリサワ