かっこいいロゴデザイン作成のための参考サイト10選＋α | UX MILK
ロゴデザインはプロダクトやサービスのアイデンティティともなる大事なデザイン要素です。 一度制作すると様々なものに繰り返し利用されることが多く、載せる媒体によってサイズや色の制限などが発生し、シンプルに見えるものでも作るとなると難易度は高いものです。 そんな製作者の頭を悩ませる機会の多いロゴデザインですが、制作するにしろ、誰かに制作してもらうにしろ、たくさんのロゴを見るところから始めると良いでしょう。今回はロゴデザインの参考になるサイトを厳選してご紹介します。 ロゴデザインの参考になるサイトまとめ Logaster [PR] Logasterはロゴを自動で作成してくれるWebサービスです。サインインして、任意の文字列と条件を入力するだけでたくさんのロゴを瞬時に作成してくれます（スモールサイズなら無料で利用可能です）。 また、他のユーザーによって作成されたロゴもギャラリーとして閲覧することがで
Webデザインにおけるタイポグラフィの考察 | ノート | dotgraphy
2016年5月16日（月）に社内勉強会でWebにおけるタイポグラフィについて発表しました。このエントリーはその発表資料です。なおこのエントリー中の例はMacのOS X El CapitanのChromeで確認しています。画像を使わずにどこまで出来るかトライしてみたかったので他のブラウザでは意図した表示をしていないです。画面サイズはPCのサイズを想定しています。 「の」「を」「と」はTypography 09の「組版上級者になるためのメソッド 工藤強勝さんのスタッフ指導」より うちでは独自でまとめた書体の見本帳があるんです。仮名の中でも書体の特徴が出やすく使用頻度も高い「の」「を」「と」などを拡大し、縦、横、それぞれの本文組の例や見出し使用例なども載せてあるので、スタッフは常にそれを見て勉強しています。 とあったので、「の」「を」「と」をTP明朝でつくってみました。 目的 紙のタイポグラフィ
Webデザインでよく使う要素やカラーやタイポグラフィに一手間加えて、マンネリ化から抜け出すデザインテクニックを解説
Webデザインで今、注目されているトレンドはデザイン的にも面白く、かなり使いやすいです。最新のデザインやトレンドな機能をサイトに加えて、いつもの同じようなデザインから抜け出すために使ってみるのもよいでしょう。 ここで紹介するトレンドは、よく使用している要素やカラーやタイポグラフィに一手間加えるだけで、新鮮なデザインに変わります。 Essential Design Trends, February 2016 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 DuoToneのカラースキーム Split-Screenのデザイン 共有スペースのタイポグラフィ 総括 DuoToneのカラースキーム DuoToneのカラーパレットは存在自体は昔からありましたが、最近の使い方としてはフルスクリーンの画像にDuoToneのグラデーションを加えて強いイン
エンジニア／Webデザイナーでも知っているべき、グラフィックデザインとタイポグラフィの常識
エンジニア／Webデザイナーでも知っているべき、グラフィックデザインとタイポグラフィの常識 1. FontLovers #1 エンジニア／Webデザイナーでも知っているべき、 グラフィックデザインとタイポグラフィの常識 生明 義秀 2. 0.伝わる情報を 表現 するには、なにが必要？ 3. 伝わる情報を 表現 するには、なにが必要？ 1. コンセプト（テーマ、ポリシー） 2. 理論、技法（セオリー、テクニック） 3. ツール（操作方法） 4. 伝わる情報を 表現 するには、なにが必要？ 基本中の基本 グラフィックデザインの4大原則 ＝要素間における相対的な関係性の理論 5. グラフィックデザインの4大原則とは？ 1. 6. ❖ 近接 ❖ 整列 ❖ 反復 ❖ コントラスト グラフィックデザインの4大原則とは？ 7. グラフィックデザインの4大原則とは？ ❖ フィールドに対するアプローチ De
ハイクオリティでグラフィカルなテキストデザイン作成を可能にするチュートリアル集「Collection of Fresh Text Effect Tutorials」
ハイクオリティでグラフィカルなテキストデザイン作成を可能にするチュートリアル集「Collection of Fresh Text Effect Tutorials」 デザインをする上で欠かすことのできないテキスト。時にはテキスト自体にデザインを加えることで、より印象的なグラフィックに仕上げることができます。今回はそんな時に参考にしたいチュートリアル集「Collection of Fresh Text Effect Tutorials」を紹介したいと思います。 Create a Vintage Bloody Text Effect Wallpaper Design in Adobe Photoshop – Tuts+ Design & Illustration Tutorial 非常にハイクオリティでグラフィカルなテキストデザインを作成する手順を学ぶことができるチュートリアルがまとめられてい
デザインの勉強にいい！タイポグラフィの素晴らしいアイデアやインスピレーションのまとめ
デザインのセンスを磨くには、いいものをたくさん見ること。 タイポグラフィ（主にWeb）の素晴らしいアイデアやインスピレーションが満載のサイトを紹介します。 Discover.typography Gothamなどのフォントをリリースしている「Hoefler & Co.」のフォントギャラリー。自社フォントの使用例がかっこよく掲載されており、各アイテムに使用されているフォントをフォーカスすると、同じフォントを使ったものがハイライトされます。 Beautiful web type combinations 数多くあるGoogle Web Fontsの中から高品質なフォントを厳選し、組み合わせて使用したギャラリー。各テキストをホバーすると、タイプフェイスの名前が表示され、Google Web Fontsにリンクされているのですぐに利用できます。
[Typography] typespiration - Webタイポグラフィー作例のギャラリーサイト
[Typography] typespiration – Webタイポグラフィー作例のギャラリーサイト Pocket Tweet Webタイポグラフィーの作例をギャラリー形式で紹介しているサイト。各作例はどれも「見出し」「小見出し」「本文」「引用」という一般的な文書フォーマットで構成されており、また使われている色についてもHEX指定で一通り紹介されています。そしてCSSも一式見れるようになっているので、コードをコピペすれば近いデザインの文書をサクっと作る事もできます。いやこれナイスですね。ただしフォント指定は欧文圏のものなので、日本語のサイト制作に応用する際には置き換えた方が良さそうです。 typespiration
ロゴデザインやタイポグラフィのセンスを街中で磨く方法
デザイナーとして多数の作品を手がけ、自身の作品がパリのルーブル美術館に収蔵されているジェームズ・ビクトル氏が、ニューヨークの町中を歩き回りながら、お店の看板のデザインを見てフォントやタイポグラフィについて解説したムービーが「Type Safari with James Victore」です。何の変哲もない街の看板から、いかにしてタイポグラフィやロゴデザインのインスピレーションを得るのか、デザイナーでなくても興味深い内容に仕上がっています。 Type Safari with James Victore - YouTube こちらがジェームズ・ビクトル氏。 ビクトル氏の目に留まったのが、メニューを全て窓に書いているお店です。タイポグラフィに大きく関係するのもではないものの、いいアイデアだとのこと。 鳥よけの針を設置している靴屋の看板。 「鳥よけの針が加わることによって、シュルレアリスム感が溢れ
[Typography] 40 Fresh Adobe Illustrator Text Effects - イラストレーターで作るテキストエフェクト作例まとめ
[Typography] 40 Fresh Adobe Illustrator Text Effects – イラストレーターで作るテキストエフェクト作例まとめ Pocket Tweet Illustratorで作るテキストエフェクトの作例まとめ。色々なタイポグラフィー作例が紹介されているので、ロゴデザインやグラフィックデザインの元ネタとしても良さそう。ちょうどついさっき「ロゴ作ってー」というオーダーが来たばかりなので、この記事からネタ拝借しようかなとか思っているところであります。お盆だってのに今年はなんだか忙しいな・・・。 40 Fresh Adobe Illustrator Text Effects
![[Typography] 40 Fresh Adobe Illustrator Text Effects - イラストレーターで作るテキストエフェクト作例まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/58919dbbc040e7bb99cd875486f2cb6e3abb0836/height=288;version=1;width=512/http%3A%2F%2Fmantiddesign.com%2Fimagearchives2014%2Fillustratortexteffect82546.jpg)
Generative Typography with Processing - Tutorial by @AmnonOwed
In this tutorial we will show you how to explore the creative possibilities of typography with code. Using the programming environment Processing, we will be going through a wide variety of techniques and algorithms. These code examples all have one thing in common: they start with type. But while they all use typographic base forms as a starting point, they subsequently move into very different c
「東京」をGIFアニメで表現した海外から見たTOKYOがカッコよすぎる！ : Japaaan
海外サイトShow us your typeで、東京を表現した様々なGIFアニメのエントリーがありましたので紹介します！どれもうまく東京や日本を表現していて納得のアート作品に仕上がっています。TOKYOカッコいい！ これはお腹いっぱい！ Show us your typeにまだまだ多くの東京なGIFアニメーションが紹介されています。海外からの東京に対するイメージが伝わってきておもしろいですね。 印象として東京は洗練されたイメージとネオン的な要素を含んだケバさともいえるイケイケなイメージ、デジタル感とが同居しているように思えます。やはり東京、日本はごった煮文化であることは間違いないようですね。 //// Show us your type /// TOKYO
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン１０:phpspot開発日誌
10 jQuery Plugins to Enhance Your Web Typography テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン１０がまとまっています。 これらを覚えておけば、分かりやすさを向上させたり、画像オーサリングツールなしでデザイン性の高いサイトを作れそうです。 一昔前なら、全部画像という感じの物がjQueryプラグインで実現できるあたりは素晴らしい テキストでなく、画像であることで、プラットフォームによって崩れることは防げるメリットもあるので、シーンによって使い分けしたいところですね。 関連エントリ jQuery＆CSS3でここまで出来るタイポグラフィエフェクトのサンプル集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
