文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA

2016/11/30 1086 users font-feature-settings プロパティー

「Webでは文字詰めはできない」と諦めていませんか？ 美しいタイポグラフィーのためには文字詰めは「当たり前」というデザイナーは多く、DTPやグラフィックデザインの界隈では基礎テクニックの一つされています。 そんな文字詰めですが、HTMLでも実はCSSの font-feature-settings プロパティーを指定するだけで 自動カーニングができます 。ほとんどのブラウザがサポートしており、実務で... 続きを読む

デザイン始めたばかりの人にオススメ！学校で紹介して評判の良かったデザインの本と雑誌あつめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/14 976 users Webデザインクリップ 評判 雑誌 Web制作 学校

デザインって本を買って学べるものなの？そう思われる方も多いとおもいます。昔からDTPやグラフィックデザインなどは美術・デザイン系の学校で基礎をしっかり学んでデザイナーになった方も多いとおもいますが、ここ数年WEBデザイナーの需要が多く高まって色々な方面の仕事をしていた人がWEBデザイナーになっているとおもいます。 僕の学校でもそうなのですが、そういう方の悩みの一つにデザインの基本も学びたいけどどう... 続きを読む

Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ | OZPAの表4

2013/11/04 949 users Twitter OZPA 途方 妖精 HTML

プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのでき... 続きを読む

Webデザイナー（私）によるDTPデザイン注意書き：Webと紙の違い

2010/08/19 896 users Webデザイナー フライヤー web 名刺 ポスター

私はWebデザイナーですが、よくフライヤーや名刺、たまにポスターなんかの紙媒体のデザインを頼まれます。 私はDTPについて勉強した訳ではないし、教わったこともないので紙媒体は苦手です。 周りのWebデザイナーはWebも紙も一緒だよという人もいますが、私はちょっと違うかなと思っています。 今日は苦手を克服するために私なりのWebと紙の違い、DTPでの注意点を整理しておこうと思います。 （ここで言う紙... 続きを読む

「 ネ申Excel」問題 奥村 晴彦 ∗ 2013 年 7 月 12 日 概要 Excel 代表 表計算 ，簡便 入力・解析・可視化 ， 柔軟 罫線 引 DTP 用 ， 再利用 困難 複雑 帳票...

2013/10/21 887 users 罫線 奥村 Excel ネ申Excel 解析

「 申 Excel」問題 奥村 晴彦 ∗ 2013 年 7 月 12 日 概要 Excel 代表 表計算 ，簡便 入力・解析・可視化 ， 柔軟 罫線 引 DTP 用 ， 再利用 困難 複雑 帳票 作成 。 類 「 申 Excel」（神 Excel） 引 起 問題点 ，解決策 提案 。 Hilarious uses of Excel Haruhiko Okumura∗ Spreadsheet so... 続きを読む

Webデザイナー（私）によるタイポグラフィーレイアウトの注意書き

2011/08/31 833 users 注意書き タイポグラフィー Webデザイナー フライヤー 名刺

タイポグラフィーデザインの基本、文字詰めなどから、レイアウト手法まで学んだことをまとめてみました。私はWebデザイナーなので、DTPデザインは苦手です。でも、ここで学んだことは、WebもDTPも関係なくデザインの幅を広げてくれる内容でした。主にタイポグラフィーのレイアウトについてです！私はDTPデザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを... 続きを読む

DTP→Webデザイナー転向時に、これやったら捗ったよリスト13 | 279-design

2014/08/05 688 users 279-design エディトリアルデザイナー 大卒 CSS

元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP（エディトリアルデザイナー）の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全に... 続きを読む

Webデザイナーが知っておく、DTPの基礎知識 : Web Design KOJIKA17

2011/05/08 664 users Webデザイナー Cyan 基礎知識 Magenta マゼンタ

Webデザイナーであっても、名刺やDMなど作る場合もあると思うので、入稿することを前提として、印刷に関する基礎をまとめてみました。 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、キー・プレート（Key Plate... 続きを読む

「憎悪クリエイター」です。遊郭編タイトルの炎上はご迷惑おかけしました。でも、日本人も悪いんですよ…

2021/02/22 494 users 文体 炎上 たまー ライティング 副業

どうも。皆様はじめまして。 自分は、副業で「憎悪クリエイター」をしている者です。 具体的にはWEB、紙雑誌でライティングの仕事、たまーに版下記事を丸っと任せていただき、DTPの真似事や簡単なデザイン関係のお仕事もしています。 簡単に言うと、記事ライターというやつです。特定されないよう文体を変えているので、... 続きを読む

【ベクター素材】これだけあれば何でも出来る！厳選、使える無料ベクター素材集 - NAVER まとめ

2015/04/12 442 users NAVER ベジェ曲線 ベクター素材 アイコン ロゴ

会員登録等なしにダウンロード確認済です！ベクター素材はベジェ曲線なので自由に加工が可能でとても便利な素材です！Web系の方もDTPの方も使えるよう、アイコン・イラスト・ロゴなどそれぞれ種類別に分けてまとめました。※著作権についてはサイトによって異なるので確認の上使用してください。 更新日: 2015年04月12日 続きを読む

ウェブ、ＤＴＰに使えるクールなフォント集:phpspot開発日誌

2008/11/18 417 users フォント phpspot開発日誌 フォント集 ウェブ web

50 Incredible Fonts for Professional Web & Print Design | Noupe ウェブ、ＤＴＰに使えるクールなフォント集。 次のようなクールなフォントが紹介されています。 Kawoszeh Jacks Font Geo Sans Light Lemur Light Fertigo FF Chambers Sans Medium Italic OT W... 続きを読む

イラレでWebデザインをされる方にお願いしたい7つのこと。 | とあるコーダーの備忘録

2013/02/22 394 users イラレ コーダー 備忘録 iLL デザインカンプ

とあるコーダーの備忘録 日々のマークアップ＆CSSコーディング業務の中で蓄積されていくちょっとしたノウハウとかバグ情報とかいろいろ備忘録的に記録していきます。 メニュー コンテンツへ移動 ホームセミナーのご案内書籍のご案内 普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIll... 続きを読む

Google、Microsoft、Facebook、Twitterがユーザーデータ移行プロジェクト「DTP」立ち上げ - ITmedia NEWS

2018/07/22 379 users Twitter Facebook Microsoft 以下

Google、Microsoft、Facebook、Twitterの4社は7月20日（現地時間）、ユーザーが自分のデータをサービス間で安全かつ簡単に移行できるようにすることを目的としたオープンソースプロジェクト、「Data Transfer Project」（以下、「DTP」）の立ち上げを発表した。 ユーザーに、データをダウンロードして再アップロードする... 続きを読む

Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ | OZPAの表4

2013/01/30 349 users Photoshop 部署 Adobe OZPA 担当

昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとI... 続きを読む

日本語フォントの書体の選び方・組み合わせ方、そしてデザインする日本語タイポグラフィのテクニック | コリス

2016/01/29 339 users タイポグラフィ コリス 書体 スライド 日本語タイポグラフィ

明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部 は、タイポグラフィの大... 続きを読む

倒産した会社の末期の状況おしえて！【DTP・印刷板より】 - にくろぐ。

2010/11/07 327 users 末期 くろぐ test 状況 会社

引用元:DTP・印刷板「倒産した会社の末期の状況おしえて！」 http://that.2ch.net/test/read.cgi/dtp/983919903/ 11 名前：氏名トルツメ[]投稿日：2001/03/08(木) 04:45 給料が2、3日遅れる･･･は初期症状、 ２～３度の分割払いになったら末期で、 余命２、３ヶ月といったところでしょうか。 症状が軽いうちに退職金を先貰いするよう手続き... 続きを読む

今までで一番すごいミス【DTP・印刷】 - にくろぐ。

2010/07/04 321 users くろぐ test チャームポイント ほくろ とこ

引用元:DTP・印刷板「◎◎今までで一番すごいミス◎◎」 http://that.2ch.net/test/read.cgi/dtp/1003403971/ 3 名前：氏名トルツメ[]投稿日：01/10/18 21:23 チャームポイントの顎のほくろをゴミと間違えて消した 12 名前：氏名トルツメ[]投稿日：01/10/25 03:39 アニメギャルを10人ぐらい並べるとこで 一人だけ1200dp... 続きを読む

@nifty：デイリーポータルZ：フォントの分かる男

2005/10/17 263 users デイリーポータルZ フォント nifty モリサワ 明朝体

世の中には何千種類ものフォントがある。 ぼくはせいぜい、明朝体とゴシック体ならその違いが分かるかなという程度だけど、印刷業界などのプロになると、「モリサワの見出ゴMB31」のようにピンポイントにその書体を識別できるらしい。 なんだか呪文のようでかっこいい。 雑誌や看板など、まちの中にあふれるフォントの名前を、詳しい人に教えてもらいました。 （text by 三土たつお） 先生はDTPをやっている友... 続きを読む

IllustratorでWeb制作をするときに気をつけたい5つの設定 | 株式会社LIG

2014/04/18 217 users Illustrator 株式会社LIG フラットデザイン

CCの魅力を感じつつもCS6製品で様子を見ている、月額支払いがちょっと怖い。そんな九州ライター村上です、みなさんこんにちは。 今人気のフラットデザインはIllustratorが得意とする部分なので、最近Illustratorを使ってWebサイトを作ろうという動きが増えてきました。Illustrator使いとしては非常に嬉しい事です。しかし、DTPを得意とするIllustratorでWebサイトを作... 続きを読む

Web制作に必ず役立つIllustratorのチュートリアルやスライドのまとめ | コリス

2014/05/07 210 users コリス ベクターデータ Illustrator イラレ SVG

ひと昔前までは「IllustratorはDTP」といった感じでしたが、Illustratorのバージョンアップによる機能強化に伴い、徐々にイラレでWeb制作をおこなう人が増えてきました。 ベクターっぽいスタイルのフラット、ベクターデータのSVGなどの影響もあるかもしれません。 Illustratorを使って、Web制作をする時に役立つ環境などの設定方法や注意点をはじめ、レイアウトやエレメントの作り... 続きを読む

デザイン分からない人が参考にすべきデザインは「市販薬の説明書」である、という話→その真意に納得の声

2022/01/04 208 users 真意 市販薬 リャ デザ 余白

サキュバスのリヤ💥🍺 @riyaDAZO デザイン分からない人が、参考にすべきこの世で最も優れたDTPは「市販薬の説明書」や。 何故なら命に関わる文書なので超わかりやすい。 資料やスライド等を作らなければいけないノンデザイナーな方々は薬の説明書の「フォント」「サイズ感」「余白」「装飾」を真似すると読みやすいデザ... 続きを読む

Web デザイナーに求めたい 5つのこと | WWW WATCH

2006/12/13 176 users WWW WATCH デザイナー コーディング web 傾向

趣味として Web サイトを作っている場合は置いといて、仕事として Web サイト制作に携わる Web デザイナーであれば、今後、最低限これくらいは押さえといて欲しいなということをえらそうに書いてみます。 個人的にスキルが 「デザイン」 よりも 「コーディング」 に偏っている傾向があるので、内容的にはコーディングに関係する話が多くなっているかもしれませんけど、、 1、DTP 脳からの脱却 DTP ... 続きを読む

[O][Webデザイン]IllustratorをWebデザインに使う時に気をつけたい設定 | Olein | 岐阜県岐阜市のデザイン屋ブログ

2013/02/26 161 users ピクセル オブジェクト 背面 間隔 Olein

まずは、キー入力を1pxに変更します。DTPだと、1mmや0.1mmで設定している人が大半だと思いますが、Webにおいては最小単位が１ピクセルなので、このような設定にしておきます。 オブジェクトを選択して、方向キーで移動するときに間隔の設定ということです。 単位をピクセルに 上の画像では0.35mmとなっていますが、1pxと入力するとこう表示されます（僕だけ？）。 こちらは好みですが、【背面にグリ... 続きを読む

出版社に送る原稿には日本語と英単語の間にスペースを入れない方が良いらしいので贖罪のためにシェル芸やります。 | 上田さんのブログ

2013/10/29 158 users 贖罪 シェル芸 原稿 シュプレヒコール 英単語

本日はFaceBook上で、「執筆者から受け付けてこれからDTPに流し込む原稿においては、日本語と英単語の間にスペースを入れられると面倒だ！」と編集を生業とするベテランかつ重鎮の方々からシュプレヒコールが上がりましたので、ここにつらつらぐだぐだとそのことについて書きます。 ここに書く事はそこでの議論の本筋とは関係ありません。自分の興味でつらつら書きます。ただそこでの会話をまとめたものになっているの... 続きを読む

ASCII.jp：PCが売れないのはジョブズが目指した理想の終了を意味する (1/4)｜情報の取り扱い説明書　2015年版

2015/08/19 156 users ジョブズ DAW ASCII.jp 理想 モニター

薄々感づいてはいたけれども、いわゆる「パソコン」があまり売れていないらしい。パソコンと聞いて何を思い浮かべるかは人それぞれあるだろうが、私の場合、「PC＝Personal Computer」とはある程度のサイズのモニターと物理的なキーボードを備え、DTPやDAWのソフトがストレスなく扱えるデスクトップ型とノート型のことを指す。 しかし、「タブレットPC」という言葉も一般に流布しているくらいだから、... 続きを読む