フォントのリガチャ（合字）やスワッシュの正しい使い方
ロゴやメッセージ、キャッチコピーなどで、単に文字を並べるだけは味気ないものです。リガチャ（合字）やスワッシュを使って、文字のデザインを楽しみましょう！ 質問メールがたまにくるので、フォントのリガチャやスワッシュの正しい使い方を紹介します。 フォント: TheSecret 最近のお気に入りフォント「TheSecret」を使って、リガチャとスワッシュの使い方を見てみましょう。 ※TheSecretの作者様に画像掲載の許諾を得ています。 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とスワッシュの使い方 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とは複数の文字を合成して一文字にすること、スワッシュとはスクリプト系フォントのにょろっとした字形。 TheSecretはスクリプト系フォントの中でも、特にリガチャとスワッシュが充実しており、文字のデザインを楽しめます。
【「ザックリでいいので」の要求の高さ】デザイナーにしかわからない苦悩14選
1. adobeの広告が身につまされすぎる。 #デザイナーあるある pic.twitter.com/mqmCkjZ6 — HIDE (@hide_fennec) 2012, 12月 8 2. デザイナーに、「とりあえず作ってみて。みてみないとわからないから」っていうのは「とりあえず家作ってみて、住んでみないとわからないから」といってるのと全く同じ次元だということを理解して欲しい。 — 西岡克真@デザイン工房ハラペコ (@kaduma2010) 2011, 2月 24 3. 「ザックリでいいので」の要求の高さ。 #デザイナーあるある — karsin (@karsin_) 2011, 7月 27 4. あれもこれもどれも「大きくしろ」「目立たせろ」と言われ、あれもこれもどれも目立たなくなる #デザイナーあるある — 渡邊民人as家紋屋C'monYa！ (@tamishop) 2011, 7月
コンテンツを見直すための魔法のシートが必要な理由
マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前からマーケティングを扱った記事をたくさん書いています。カスタマージャーニーマップのようなマーケティングの手法がデザインプロセスの一部として採用されていたり、デザイン思考がマーケティングに取り込まれているなど、共通するところが幾つかあります。 例えば UX を学んでいるうちに行動経済学に興味を持つ方もいるでしょう。行動経済学はデザインにも取り込める興味深い学問ですが、マーケッティングを深く知る上でも役立ちます。デザインとマーケティング両方に興味をもつことは、デザイナーとしてごく自然のことではないでしょうか。人のこと、市場のこと、社会のことを知らないとデザイ
シングルカラムから始める情報設計
横並びは複雑化の第一歩 Webサイトの設計をする際、必ずといっていいほど縦にコンテンツを並べて構成を考えるようにしています。どのような人が、何を求めて Web サイトに訪れているのかというシナリオを基に構成を考えていくわけです。詳細なレイアウトを考えるのではなく、情報の流れが適切であるかどうかを判断するための工程にしています。 パソコン向けの Web サイトデザインの悪い癖のひとつに、「同じくらい重要だったら、横に並べる」というのがあります。広いスペースがあったパソコンが主流の時代ならではのアプローチですが、今は状況が大きく異なります。配信者側にとっての『重要』を出すことは間違っていません。しかし、あれこれ重要だからという理由で隣り合わせにしてしまうと、様々なデメリットが生まれます。 訪問者に迷いが生じる 直接関係のないコンテンツが横に並ぶことで視点の動きが多くなる可能性があります。また、
英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい！ | 初代編集長ブログ―安田英久
今日は、英国政府のWebサイトなどを担当する「政府デジタルサービス（GDS）」の部署が公開している「デザイン原則の10か条」について。「良いデジタルサービスを作り、運営していく」ためのポイントがコンパクトにまとめられています。 英国政府（gov.uk）のサイトには、「デザイン原則（Design Principles）」というページがあり、そこには、次のようなことが書かれています。 まずニーズからはじめる ―― 自分たちのニーズではなく、ユーザーニーズから。本当のユーザーを理解し、そのニーズを知る。想像や思い込みではなく、ちゃんとデータで。 なんでもかんでも手を広げず、するべきことだけをする ―― 政府がしなければいけないことだけをし、他の人がすでにやっていたら協力する。 データをもってデザインする ―― 試作し、実際のサイトで実際のユーザーにA/Bテストを行い、その結果をデザインに活かすや
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
単なる流行りじゃない？！水戸黄門型レイアウトが定番化した理由を考えてみた
定番っていいですよね。わずかな退屈さはありつつも、安心できます。 スニーカーならオールスター、スマホならiPhone、ビールならスーパードライみたいな。 Webサイトにも2012年ごろから急増し、現在では定番化したレイアウトパターンがあります。 ちなみにこのパターン▼ その代表例、Evernoteのサイト▼ http://evernote.com/intl/jp/ このパターンで商材となっているものの多くが、物理的なプロダクツではなくクラウドなど新しめのウェブサービスで、皆さんも頻繁に遭遇するのではないでしょうか。 グリッドレイアウトの亜種ともいうべきこれに正式名称があるのかわからないのですが、とりあえず僕は心の中で水戸黄門型と呼んでいます。時代劇の定番だし。 ※あくまでイメージです 定番化して今もなお増え続けている理由をちょっと考えてみました。 多分この辺じゃないかなーと A. 整然とし
ガーリーデザインに使える！可愛い商用可フリー素材・素材サイトまとめ
可愛らしいものが大好きです、Kanaです。 私がガーリーなデザインをする際によく使う素材や、素材サイトをまとめました。 可愛らしいレース柄や、お花、パターン素材など、使い勝手のよいものばかりです。 ガーリーデザインのポイントをまとめた、ガーリー好きがお届けするガーリーデザインのポイント5つもあわせてご覧ください:) 2015/12/4：写真素材カテゴリを追加しました！ それでは、素材を提供してくださる方々に頭を下げつつ、ご紹介したいと思います。 商用可のサイトや素材を集めていますが、詳細な規約は、ご利用の際ご自身でご確認ください。 1.イラスト素材2.レース素材3.フレーム素材4.パターン素材5.テクスチャ素材6.写真素材 ガーリー素材 やさしい色使いの、かわいいイラスト素材がいっぱいのサイト「ガーリー素材」。非常に完成度が高くて、いつも利用させていただいてます！ eps、png形式で配布
神速Photoshop [Webデザイン編]を書きました。
神速デザインシリーズの最新刊、神速Photoshop [Webデザイン編] が3月26日に全国の書店や Amazon、各電子書籍ストアにて発売されます。 神速Photoshop [Webデザイン編] は、既に Photoshop を使ったWebデザインカンプ制作ができる方向けに環境設定からカンプ制作、画像の書き出しなど各ジャンルにわたって時短テクニックをまとめたものです。 Amazon（紙の書籍） Amazon Kindle（電子書籍） iBookStore（電子書籍） BOOK☆WALKER（電子書籍） 楽天ブックス（紙の書籍） 主な内容 Chapter 01 設定の神速テクニック Photoshop は本来写真補正用のアプリケーションなので、そのまま使おうとするとWebデザインカンプ制作の効率は非常に悪くなります。 「Photoshop はWebデザインには向いていない」という方や、「
![神速Photoshop [Webデザイン編]を書きました。](https://cdn-ak-scissors.b.st-hatena.com/image/square/de6c6b490621fc8d49a3a6daf9f77009065eaf34/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fshinsoku-ps-1.png%3Ffit%3D388%252C500%26ssl%3D1)
プレゼン資料のデザイン力がぐっと上がる、お勧めのデザインサイト7選 ｜プレゼンデザイン
プレゼン資料をキレイにわかりやすく作りたい！と思い立った人に、まずお勧めしたいのがこのサイト「伝わるデザイン｜研究発表のユニバーサルデザイン」です。基本的には研究発表を行う学生さんをターゲットとしているサイトですが、ビジネスマンにも読み応えは十分。提案書・企画書のプレゼン資料作成にそのまま利用できる内容となっています。 魅力は、わかりやすいサンプルと豊富な解説。デザイン初心者にうってつけのサイトです。ページはすっきりとしていて非常に見やすく・読みやすくレイアウトされています。 サイト全体の情報量も多からず少なからず、ほどよく網羅されていて、ひととおり目を通し終わった頃には、一歩レベルアップしている自分に気づくこと間違いありません。百聞は一見に如かず。まずはご覧になってみてはいかがでしょうか?
色色 [:iroiro] - 「言葉」からカラーパレットを自動生成しよう！
色色[:iroiro]とは、「言葉」からカラーパレットを生成するサービスです。
![色色 [:iroiro] - 「言葉」からカラーパレットを自動生成しよう！](https://cdn-ak-scissors.b.st-hatena.com/image/square/af968f100788dea6e8fc8badabc54f2003dd7bb9/height=288;version=1;width=512/http%3A%2F%2Fsynthsky.com%2Firoiro%2Fimgs%2Firoiross.jpg)
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
第4回 他人の著作物を安全に利用するために - MdN Design Interactive
アート・エンタテインメントの業務を多く扱う「骨董通り法律事務所For the Arts」の弁護士による、著作権とそれにまつわる法律関連の連載です。クリエイターが気になる法律問題についてわかりやすく解説しているので、ぜひ参考にしてください。 文：弁護士 永井幸輔（骨董通り法律事務所 for the Arts） ケース：クライアントからの依頼で、旅行情報誌の表紙のアートワークを制作することになった。メインビジュアルには紅葉の山の風景写真を使いたいが、手元に使える写真がなかったため、インターネットで探して利用することにした。著作権を侵害しないよう適法に写真を使うためには、どうすればよいだろうか。 今回は、著作物の「利用」の側面についてお話ししましょう。 自身で発表するかクライアント・ワークであるかを問わず、制作物に他人のアートワークを使用することも少なくないのではないでしょうか。既存の作品には、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance
2015年、このWebサイトのデザイン・アイデアは見逃せない！「Website of the Year」 -日本からも2つのサイトが受賞！
新着記事
さすが、Apple！刷新されたウェブサイトで見つけた3つのこだわりとは？
新着記事
「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野 雅弘（スイッチ）
ごりゅご.com
