Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ（スウォッチ付き）
有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。 最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。 Color palette -Material Design 2015年、多くのWebデザイナーが注目しているMaterial Designで使用されているPhotoshopとIllsutrator用のスウォッチファイル。フラットなカラーと同一色相のグラデが特徴的です。
「職人気質なヒトはWebに向かない」 ネット時代における"人材価値"の高め方 - LIGブログ編集長・朽木誠一郎
Webコンテンツ制作者とデザイナー・エンジニアが交流するためのイベント「Web Creator Conference」にLIG編集長・朽木誠一郎氏とサイボウズ式編集長・藤村能光氏が登壇。Webメディアの第一線で活躍する両者が、ライティング・編集のポイントやタイトルの付け方、そして今後求められる「人材」について意見を交わします。 ライターのマネジメントの難しさ 鳥井弘文氏（以下、鳥井）：次はライティング、編集のポイントや、Webメディアというものはメンバーで一緒に作っていくもので、そういった時にどういったポイントをチームのメンバーと共有して、やっているのかということを是非お話しいただければなと思います。まず、朽木さんからお願いします。 朽木誠一郎氏（以下、朽木）：はい、LIGブログはちょっと難しいところでですね。LIGの組織の話からなんですけれども、基本的にWeb製作をメインとしてやっている
「日本未来ネットワーク」のタイポグラフィを分析する - 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、すなわち日本の国家標準、と言えるので
デザイナー 哀の劇場(1) 支給データの怪
マイナビニュースをご覧の皆様こんにちは。まずりんと申します。フリーになりしばらく経ちますが、以前は制作会社にてデザイナーとかアートディレクターとかをやっておりました。この連載では、デザイン制作会社あるあるをゆるっと紹介していきますので、よろしくお願いします!(※あくまでフィクションですからね!) さて、今回はクライアントからの支給データ、主に画像についてです。アデ子さんは8割のデータが使えないと言っておりますが、実際は6～7割くらいで、体感的に8割という感じです。クライアントのPC環境ではデータを確認できない場合もあるので、まあ仕方ないですね。支給データに起こりうる問題は、漫画のようにデータの解像度が低すぎるというパターン以外に、データが破損していて開けない、違うデータが入っている、リンクデータが抜けている、撮影方法が悪すぎるなどなど、多岐にわたります……。 こういった場合、データの再支給
「ソリッド」を使った今時の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（デスクトップパブリッシング）をやっている友人との雑談から生まれたものだ。 仕事でよく使う範囲のフォントなら、たいてい言い当てることができるのだという。 というわけで、話の発端となった友人のＮ川さん（写真左）、そして同業のＯ原さん（写真右）に協力してもらい、例によってまちを歩きながら、見かけた文字についてそのフォントを調べていくことにする。
特殊な用紙・加工でかっこいい名刺が作れる印刷会社いろいろ
2013年7月8日 フリーランス, 便利ツール, 名刺 以前も「印象に残る名刺の作り方」などで名刺デザインについて触れたのですが、「こんな名刺はどこで印刷してもらえるの？」という質問をいくつか頂いたので、今さらながらまとめてみました。和紙や木目の素材、透明な名刺や型押し加工など、思い通りのデザインが実現できるかも！オンラインで注文できるので、気軽に利用してみてください！ ↑私が10年以上利用している会計ソフト！ データ入稿ガイド 今回紹介する印刷会社さんはすべてデータ入稿可能です。どの会社もデータ入稿専用のテンプレートが用意されているので、ダウンロードしてデザインします。用紙やオプション加工によってテンプレートが異なる場合があるので注意。データの種類や対応バージョンも事前によく読んでおきましょう。また、どの会社も用紙やオプション加工の無料サンプルを注文できるので、デザインし始める前に質感な
誤植.JP
当サイトは印刷媒体の誤植（誤字・脱字・誤謬・DTPミスを含む）を書き留めるサイトです サイト内コンテンツの閲覧は一切自由です。 もし、自分でも誤植に気が付いて当サイトに書き留めたいという方は、左メニューの"新規登録"からメンバー登録をお願いいたします。 Presented by 誤植.JP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーのイラストノート - イラストや参考にしたサイトのご紹介、アプリケーションの技術向上を目指すブログです。