CSSでここまでできるとは驚いた！ CSSを活用した本作りのワークフローを徹底解説した良書 -CSS組版Vivliostyle入門
CSSの解説書というと、通常はWebサイトやスマホアプリを実装するための知識やテクニックですが、今回は『CSSによる本作り』の解説書を紹介します。 原稿の執筆から、本のデザインやレイアウト、データ入稿まで、CSSを活用した本作りのやり方を徹底解説した解説書です。 表紙に「未知の表現力！」とあるように、CSSでこんなこともできるのかと驚きの連続でした。 本書は技術書で評判が高いリブロワークスさんの最新刊。当ブログでもVS Codeの解説書やJavaScriptの解説書を紹介しましたが、今回はCSSによる組版、本作りの解説書です。 マークダウンで原稿を執筆し、それをCSSでレイアウトし、本に仕上げます。本はWeb上でも書籍にもでき、本書自体もCSSで作成されています。
PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか
Kindle／Kobo／iPhone／iPad、全4ハードへ最適化された電子書籍版『サエズリ図書館のワルツさん』についての詳細とそれぞれの組版についての解説 | 最前線 - フィクション・コミック・Webエンターテイメント
2012年9月 4日 23:00 Kindle／Kobo／iPhone／iPad、全4ハードへ最適化された電子書籍版『サエズリ図書館のワルツさん』についての詳細とそれぞれの組版についての解説 発売から少し経ってしまいましたが、紅玉いづきさん（@benitamaiduki）の最新作『サエズリ図書館のワルツさん １』の発売を記念して、物語世界をより深く体験して頂く為に、そしてある種の小さな提案を投じる為に、 Kindle／Kobo／iPhone／iPad、全4ハードへ最適化された『サエズリ図書館のワルツさん』第一話＋あとがきの試し読みpdfの無料配信を本日より開始しました。 詳細はこちらのお知らせを御覧いただくとして、ここでは事の経緯と、ちょっとマニアックな組版の話について語ろうかと思います。 すでに本作を読んでいただいた方はご存じかと思いますが、本作の舞台は電子書籍があたりまえに普及している
続・Fireworksで文字組みのしっかりした本文を作りたいときはIllustratorからコピペするといいかもしれない | Webデザインのタネ
一定期間更新がないため広告を表示しています
Fireworksで文字組みのしっかりした本文を作りたいときはIllustratorからコピペするといいかもしれない | Webデザインのタネ
一定期間更新がないため広告を表示しています
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
私の基本的な設定 - なんでやねんDTP・新館
先日のInDesign組版教室でちょっと紹介したのだが、私が段落スタイルなどを作成する際に気をつけていることを（おおまかに）ザッと紹介しておく。何らかの参考になれば幸い（画面は InDesign CS4）。 ※より新しい環境で、ほぼ同内容の記事を動画も交えてよりわかりやすく、より詳細に纏めた記事は以下を参照ください（2013.07.28追記）。 →“InDesignの「段落」「文字」などのカスタマイズ例” ●まず、環境設定…… デフォルトでチェックの入っている「スマートテキストのリフロー処理」（CS4以降）は、チェックを外している チェックを入れる場合は、扉頁が入ることが多いので「見開きページスプレッドを保持」にもチェックを入れる CS4からの設定項目…なので、当初はエライ目に遭わされた…左頁の扉が右頁に来たり… 「組版」の部分は以下の通り（私の場合は異体字を使用することが多いので、目視確
日本語組版処理の要件（日本語版）
1.1 この文書の目的 すべての文化集団は，独自の言語，文字，書記システムを持つ．それゆえ，個々の書記システムをサイバースペースに移転することは，文化的資産の継承という意味で，情報通信技術にとって非常に重要な責務といえよう． この責務を実現するための基礎的な作業として，この文書では，日本語という書記システムにおける組版上の問題点をまとめた．具体的な解決策を提示することではなく，要望事項の説明をすることにした．それは，実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからである． 1.2 この文書の作成方法 この文書の作成は，W3C Japanese Layout Task Forceが行った．このタスクフォースは，次のようなメンバーで構成され，ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた． 日本語組版の専門家（“JIS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
