Font Map · An AI Experiment by IDEO
Designers at IDEO wanted to bring artificial intelligence to the world of fonts, so they created Font Map, a quick experiment to see how machine learning can address challenges in design. Font selection is one of the most common visual choices designers make—and most fall back on old favorites, or search for a font within categories. By leveraging AI and convolutional neural networks to draw highe
かっこいいロゴデザイン作成のための参考サイト10選＋α | UX MILK
ロゴデザインはプロダクトやサービスのアイデンティティともなる大事なデザイン要素です。 一度制作すると様々なものに繰り返し利用されることが多く、載せる媒体によってサイズや色の制限などが発生し、シンプルに見えるものでも作るとなると難易度は高いものです。 そんな製作者の頭を悩ませる機会の多いロゴデザインですが、制作するにしろ、誰かに制作してもらうにしろ、たくさんのロゴを見るところから始めると良いでしょう。今回はロゴデザインの参考になるサイトを厳選してご紹介します。 ロゴデザインの参考になるサイトまとめ Logaster [PR] Logasterはロゴを自動で作成してくれるWebサービスです。サインインして、任意の文字列と条件を入力するだけでたくさんのロゴを瞬時に作成してくれます（スモールサイズなら無料で利用可能です）。 また、他のユーザーによって作成されたロゴもギャラリーとして閲覧することがで
自信満々でランサーズのコンペに参加した感想と作品たち | kabohe.com
1時間程度の畑仕事で全身を痛めたかぼへいです。 ランサーズのコンペで提出した成果物の紹介です。 残念ながら入賞しませんでしたが、製作過程やコンセプト、参加した感想などを簡単にまとめます。 コンペの概要 今年4月に開催されたコンペです。 「チームワークを生み出す会社のロゴをデザインしていください」とのこと。 詳しくはこちら。 課題は以下の３つ。 エンタープライズ向けロゴ グローバル市場向けロゴ 国内市場向けロゴ（サイボウズを知らない人向け） 調査をして方向性を決める 調査ってレベルでもないのですが、 コンペの概要に 「なぜサイボウズは新しい企業ロゴを、クラウドソーシングで3つも作るのか？」 の記事があり、そこでTwitterのロゴの話が出ていたので動物を使ったシンプルなロゴがいいのではないかと考えた。 次にどうやってTwitterのロゴが作られているか調べると、デザインには黄金比が使われてお
デザインに自信がつく、タイポグラフィの基本
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。［2014-04-19］ ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。Read less
» 佐藤可士和氏のGU新ロゴ Toshi Omagari
思いっきり仕事中ですが腹が立って仕方がなかったのでブログ更新します（どういう動機だ！） 佐藤可士和氏がGUというファッションブランドのロゴをリデザインしたそうです。まぁ言ってしまえば元のロゴも大して良くはないのですが、その新ロゴというのが笑止千万な出来なので徹底的に図解して非難したいと思います。 まずはその新ロゴ。和文の方もグリッド多用しまくりで個人的には酷いと思うのですが、まぁ欧文書体デザイナーの自分としての本題はGUなので和文はさておきます。またネットでは色がIKEAだとかTSUTAYAだとかEUだとかブックオフだとか色に関してのツッコミが多いようですが、やはり自分としては文字の形そのものに注目したいと思います。あ、あとGUの配置も右寄りすぎますが文字の形そのものに以下同文です。なにせブログをなかなか継続して書けないこの自分を書かせる気にさせるほど酷いんですから。 ソースの画像は低解像
綺麗なタイポグラフィサイト40例:phpspot開発日誌
40 Examples of Beautiful Typography in Web Design | Inspiration 綺麗なタイポグラフィサイト40例を紹介しているエントリのご紹介。 今年もそろそろ終わりですが、年末暇な方は参考に色々作ってみると勉強になるうえに暇つぶしになっていいかもしれません。 いろいろなデザインの仕方があって興味深いですね。 関連エントリ ロゴデザインやタイポグラフィの見本や資料まとめ集 ロゴ作成などに参考にできるかもしれないタイポグラフィデザイン２８ すごい３Ｄタイポグラフィのまとめ
Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]
Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11] CSS Nite LP11の鷹野さんのセッション「Webデザイナーのためのタイポグラフィと文字組版」のメモ的まとめ。twitterも合わせてチェック！ 画像フォント ベタ組み ツメ組み 和文フォント 基本的に正方形の仮想ボディ内に文字が配置されている。 オーソドックス（仮想ボディーに対して小さ目・文字間が大きく感じる） モダンスタイル（仮想ボディーに対して大き目・文字間を感じない） イラストレーターで文字詰め 自動（フォントの情報から詰める） オプティカル（字面から詰める） その後、手動で詰める MSPゴシックとMSP明朝だけ仮想ボディを持たないポロポーショナルフォント。 欧文フォント プロポーショナル（文字ごとにサイズが違う） 欧文向け(ベースラインに余裕がある) line-height:
![Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Basic Design Note
Photoshop VIP ☞ デザインアイデアの種、かっこいいタイポグラフィーデザインあつめました。