かっこいいロゴデザイン作成のための参考サイト10選＋α | UX MILK
ロゴデザインはプロダクトやサービスのアイデンティティともなる大事なデザイン要素です。 一度制作すると様々なものに繰り返し利用されることが多く、載せる媒体によってサイズや色の制限などが発生し、シンプルに見えるものでも作るとなると難易度は高いものです。 そんな製作者の頭を悩ませる機会の多いロゴデザインですが、制作するにしろ、誰かに制作してもらうにしろ、たくさんのロゴを見るところから始めると良いでしょう。今回はロゴデザインの参考になるサイトを厳選してご紹介します。 ロゴデザインの参考になるサイトまとめ Logaster [PR] Logasterはロゴを自動で作成してくれるWebサービスです。サインインして、任意の文字列と条件を入力するだけでたくさんのロゴを瞬時に作成してくれます（スモールサイズなら無料で利用可能です）。 また、他のユーザーによって作成されたロゴもギャラリーとして閲覧することがで
Webデザインでよく使う要素やカラーやタイポグラフィに一手間加えて、マンネリ化から抜け出すデザインテクニックを解説
Webデザインで今、注目されているトレンドはデザイン的にも面白く、かなり使いやすいです。最新のデザインやトレンドな機能をサイトに加えて、いつもの同じようなデザインから抜け出すために使ってみるのもよいでしょう。 ここで紹介するトレンドは、よく使用している要素やカラーやタイポグラフィに一手間加えるだけで、新鮮なデザインに変わります。 Essential Design Trends, February 2016 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 DuoToneのカラースキーム Split-Screenのデザイン 共有スペースのタイポグラフィ 総括 DuoToneのカラースキーム DuoToneのカラーパレットは存在自体は昔からありましたが、最近の使い方としてはフルスクリーンの画像にDuoToneのグラデーションを加えて強いイン
デザインのレベルを上げる！レイアウトやタイポグラフィに関するまとめ - コムテブログ
TL;DR 先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web 関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回は Web 関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 レイアウト 視覚的に明快で上手に配置されたものは読者に好まれます。そういったレイアウトを作るために、余白の使い方や文字や画像配置などの知識をおさらいします。 １．アクティブ・ホワイトスペース 小さなテキストを広い余白に配置すると存在感が増し、視線の滞在時間が長くなります。余白は一見無駄のように見えますが、意図的に配置されていることが多いです。 余白の美 空白により読者のコンテンツの読み進めを制御することができ
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Typography Cheat Sheet [Infographic] - Designmodo
Typography Cheat Sheet [Infographic] DesignDiana Valeanu • October 17, 2016 • 1 minute READ Understanding type can be one of the most difficult elements of design. There’s a lot of terminology and lingo that type designers (and designers, in general) use when talking about lettering. Sometimes it can be tough to decipher it all. If you find yourself wondering what the difference between a hook and
![Typography Cheat Sheet [Infographic] - Designmodo](https://cdn-ak-scissors.b.st-hatena.com/image/square/fa6358c2b91e0ed9b78737cf2d2fd08e846eeeb6/height=288;version=1;width=512/https%3A%2F%2Fdesignmodo.com%2Fwp-content%2Fuploads%2F2016%2F10%2FTypography-social-296684-preview.jpg)
『文字／タイポグラフィ』を知る、学ぶ、見る、活用する、作る！様々な場面で役立つサイト達の大まとめ！ | バンクーバーのうぇぶ屋
今やタイポグラフィを見る、学ぶ、知る、活用する、作る。それらすべてのことが様々なサイトやツールを使って実現することが可能です。 ここ1ヶ月くらい、僕のFacebookで投稿させて頂くネタ／書かせて頂く記事の内容がタイポグラフィに偏っていたのですが、実はちょっとタイポグラフィに関するお話をさせて頂く機会があったので、ずーーっと調べていました。 それこそ、作ってみたり、動画みたり、チュートリアル見たり…あれやこれやとまぁ、よくやったわと自分で自分を褒めてみたり… とは言っても、僕はタイポグラフィを学校や専門で勉強したことは無いので、その辺りは別の人にお話頂き、僕はとにかくWEB上での活用、情報収集面に注力させて頂いたのですが、本当に色々あってびっくら仰天。 とういわけで、今日はその時話しさせてもらった内容を。あーんど！僕が以前からお世話になっている物を加えてご紹介！ かなり、がっつりしたボリュ
スライド「Webデザイナーのためのタイポグラフィと文字組版」｜DTP Transit
ご参考までに、このスライドはKeynoteで作っているのですが、（スライド公開時のみに表示している）画面の下のコメントを除き、メインの文字などはすべてIllustratorで入力して、Keynoteにコピー&ペーストしています。 理由は2つ。 Keynoteでは自動カーニング（文字ツメ）ができない Keynoteでは混植ができない（がんばればできるけど、ベースラインの調整などを行えない） ちょっとした修正などが面倒なので、気が狂っているとも思いますが、プレゼン資料における文字は、ある意味、すべてキャッチコピー。文字ツメが甘いのはいただけないと思うのです。 ちなみに、後で修正しやすいように、Illustratorドキュメントは残しています。 追記（2013年11月）： 続編があります。 スライド『Webデザイナーのためのタイポグラフィと文字組版（Reloaded）』 - DTP Transi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
保存版：タイポグラフィの勉強になるインフォグラフィックのまとめ