Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ（スウォッチ付き）
有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。 最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。 Color palette -Material Design 2015年、多くのWebデザイナーが注目しているMaterial Designで使用されているPhotoshopとIllsutrator用のスウォッチファイル。フラットなカラーと同一色相のグラデが特徴的です。
「日本未来ネットワーク」のタイポグラフィを分析する - 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以降，デフォルトの設定では
光のエフェクトを描くPhotoshopのブラシと画像の無料素材
美しい光のエフェクトを描くPhotoshopのブラシ素材とブラックの背景に光を描いた画像素材のセットをMedia Militiaから紹介します。
感嘆符・疑問符の後の全角空白は本当にJIS由来？ 中の人に聞いてみたよ - 電書ちゃんねるBlog
こんにちは、ろす（@lost_and_found）です。 先日、いつも勉強させて頂いている株式会社LIGさんのサイトに載ったこんな記事が話題になりました。 感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG 日本語の表記ルール「！」「？」の後ろの空きをめぐって、さまざまなメディアや規格を調査・考察した素晴しい記事です。僕のような浅い人間は「ああ立派だなあ」と感心するのが精一杯のリアクションでした。 JIS X4051:2004を読んだけどわからない ところが次の記述に疑問を呈する声が聞こえてきます。 そして、JISX4051では、同様に全角スペースを、疑問符や感嘆符の後に和字間隔をあけることに用いると定めているため、“「感嘆符（！）」と「疑問符（？）」の後には全角スペースを空ける”がJIS、すなわち日本の国家標準、と言えるので
『トレーステクニック（現代版）』
先日、モータースポーツジャパンがてらお台場に遊びに行ってきました。なんとガンダムの目の前に幻の車MID4（2型）が展示されていました。せっかく写真を撮ってきたのでトレースでもするか（←おかしい）と、久しぶりにIllustratorでトレース作業をしてみました。 Illustratorのパスの描画やハンドルの挙動は初期の頃からほとんど変わっていません。なので、トレース作業は2013年発売のCCまではペンツールとハンドルを駆使して曲線を描くのが基本でしょう。 もちろん、ツールや機能の強化により初期に比べてだいぶ楽にはなっていますが、パスそのものをコントロールする部分はやはりペンツールとハンドル操作で行います。 しかし2014年発売のCC17.1以降、ライブコーナーやセグメントの変形、アンカーポイントツール、曲線ツールや連結ツールなどパスまわりが積極的に強化され、扱いの難しかったベジェ曲線を比較
「iOS 7」で採用されるかもしれない「フラットデザイン」とは何か？
Windows8やWindowsPhoneでタイルが並ぶ特徴的なメトロデザインで採用された「フラットデザイン」は、非常に分かりやすく、「iOS 7でも採用されるのではないか？」と予想されているのですが、Designmodoでは現在トレンドになっている「フラットデザインとは何か」ということを6つの原則としてまとめており、ウェブデザインやプロジェクトのデザインなど、デザインを行う人や興味のある人にとって知っておくと非常に役立つ指針となっています。 Principles of Flat Design - Designmodo http://designmodo.com/flat-design-principles/ ◆01：余計なエフェクトがない フラットデザインの特徴として挙げられるのが、余計な装飾物がないこと。影や傾斜、エンボス、奥行きをつけたりせず、画像のフレームからボタン、ナビゲーション
「ソリッド」を使った今時の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
東京新聞:８１歳１人で続けた印刷所 廃業 味わいの活字譲りたい:社会(TOKYO Web)
埼玉県朝霞市で小さな印刷所を約四十年間経営し、活版印刷ひと筋に生きてきた渡辺昌郎（まさお）さん（８１）が、高齢と病気のため惜しまれつつ廃業した。心残りなのは、十万個以上あるという鉛の活字を廃棄しなければならないことだ。「誰かに生かしてもらい、昔ながらの印刷技術を知ってほしい」。渡辺さんは、無償で引き取ってくれる人を探している。 （谷岡聖史、写真も） 狭い作業場の棚一面に、漢字やひらがな、カタカナの活字が並ぶ。「今まで生活できたのは活字のおかげ」。そう感謝する渡辺さんは、今の東京都目黒区で生まれた。五歳のときの病気で両脚に障害が残り、十歳までに両親を亡くした。預けられた親族に「歩かなくても働けるのでは」と勧められ、戦後間もない一九四九年、十六歳で中央区内の印刷所で働き始めた。 「空襲など戦時中の混乱で学校に通えず、印刷所が教室代わりでした」。膨大な種類の中から目当ての活字を選び出す「文選」や
QRコードをうまく使った名刺デザイン40パターン
ほとんどのカメラ付き携帯電話が読み取り機能に対応し、一気に普及した感のある「QRコード」ですが、名刺へ使うことによって自社のサイトなどへ気軽にアクセスしてもらうことが可能になります。「大きな面積を使用することになるのでデザイン的にはなかなか難しいのでは」と考えてしまうかもしれませんが、小さなものでも問題無く読み取ることができますし、逆に大きなQRコードそのものをデザインする方法もアリです。上手にQRコードを利用している名刺は機能性・デザイン性ともに良くできています。 QR Code Business Card Inspiration: 40 Great QR Code Business Cards | CreativeFan 1：New QR Code Business Card 表は緑を基調としてシンプルに情報を載せ、裏面にはQRコードのみ。 2：23rd and 5th 裏面の端に赤で
グラフィックデザイナーに知ってほしいWebのこと
グラフィックデザイナーが作ったWebデザインをコーディングする、という案件を受けることがあります。 「デザインすること」については歴史が長いグラフィックデザイナーに一日の長があると思っていますが、Webにはグラフィックと違った特徴があります。 Webデザインを制作する際に知っておいてほしいことを挙げてみます。 タイポグラフィの制限 同じ文字でも、Webサイトには「画像」と「テキスト」が存在します。 簡単に区別すると、マウスカーソルで1文字ずつ選択できるものがテキスト、出来ないものが画像です。 画像はIllustrator・Photoshop等で制作したままの見た目を表示させることができますが、画像内に含まれる文章をGoogleなどに認識させにくいです。 テキストは情報をGoogleなどに認識させやすいのですが、フォント指定・装飾（袋文字や影など）・字詰めなどのタイポグラフィが苦手です。 画
Talpa memorandum
橘玲の『「読まなくてもいい本」の読書案内』を読んだので、感想とメモをまとめておく。 この本、タイトルは『「読まなくてもいい本」の読書案内』だが、実際には「読まなくていい本」はほとんど紹介されていない。紹介されているのは、当たり前の話かもしれないが読むべき本だ。他の読書案内本と異なっているのは、”こういう本は読まなくて良い”と、ばっさり切り捨てているところ。読むべきか・読まなくてもよいかの基準は、20世紀後半に爆発的に進歩した科学研究の成果に置いている。著者は、この時期に起きた科学研究の大幅な進歩を”知のビッグバン”、”知のパラダイム転換”と呼び、これ以前に書かれた本は（とりあえず）読む必要がないと言い切る。古いパラダイムで書かれた本は捨てて、新しいパラダイムで書かれた本を読もうという話だ。ちょっと乱暴な分け方ではあるが、1980年代に大学生だった私には案外納得できるものだった。学生時代に最
新年度に備えて名刺のデザインを変えてみよう！好印象を与えるセンスのよいビジネスカード用のフリー素材のまとめ
春が近づくと、いろいろなものを一新したくなりますよね。 自分で名刺のデザインを考えるのも楽しいですが、自分にはないセンスを取り入れて新しい名刺を作ってみるのも面白いものです。 文字を入力するだけでそのまま使える名刺用の素材をはじめ、名刺を使ったモックアップ素材を紹介します。
『エロの「デザインの現場」』 － R18の想像力 - HONZ
なにもかもが久しぶりの経験であった。 書店でなかなか見つからず、店員さんに「『エロのデザインの現場』って本、ありますか？」と聞いてちょっと恥ずかしかったこと。電車の中で隣の人に覗きこまれないよう、表紙に角度をつけてガードしながら読まなければならなかったこと。家に帰ってきてからも妻に見つからぬよう、大きめの写真集の隙間に背を奥側に向けてしまうなど細心の注意を払わなければならなかったこと。 誤解のないように強調しておくが、本書は別にエロ本ではない。エロ本のデザインを司った男たちの物語、そしてその制作現場について書かれた本である。だが、それでも眉を潜める人というのは少なからずいるだろう。かくもエロ本には人権がない。しかし本書を一読するだけで、エロ本は恥ずかしくて隠さなければならないものというイメージがきっと払拭される。 登場する９人のデザイナーは、いずれもエロのデザインをすることが好きでかっこい
学研ムック「自然農法で野菜づくり」の中身がかなりヤバかったので販売中止へ
「同僚が買った本がヤバい（校正的な意味で）」ということで、「20年以上この業界にいますがこんな本は初めて見ました」「もしウチがやったら全額負担で刷り直しレベル」と書かれてしまうほどのレベルに至ってしまった書籍が学研ムックの「自然農法で野菜づくり」です。 学研ムック『自然農法で野菜づくり』 ｜ 学研出版サイト http://hon.gakken.jp/book/1860666500 どれぐらいヤバいかというと、パラパラと流し見をしただけでも以下のようなものが発見されてしまうレベルとなっており、検証画像がアップロードされています。 「もしウチがやったら全額負担で刷り直しレベル」ということで、「ここに文章が入りますここに文章が入りますここに文章が入りますここに文章が入りますここに文章が入りますここに文章が入りますここに文」のダミーテキストそのまんま。 「ちょんちょんが両方閉じ」 「コロンなのか二
面白いアイデアがいっぱい！ネガティブスペースを使ったロゴデザインのまとめ
何もない空白のネガティブスペースを使った、クリエイティブで面白いアイデアがいっぱいのアートワークをDribbbleから厳選して紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
紙のサイズの「A1」「A2」を何て読みますか？皆さんの読み方を教えて下さい。紙のサイズを表すA1やA2を「エーワン」「エーツー... - Yahoo!知恵袋
視覚デザイン研究所｜デジタルフォント
株式会社イワタ IWATAFONT