タグ別アーカイブ: Typography

thumb

今週の私たちのお気に入りのつぶやき: 2014 年 10 月 20 日-2014 年 10 月 26 日

From Our favorite tweets of the week: October 20, 2014 – October 26, 2014

毎週私たち多くの偉大なコンテンツを web 上で検索の強調表示の興味深いものをつぶやき thweb デザイナーに興味のあることができます。
私たちのつぶやきを追跡するために最善の方法に従うことだけです。
Twitter 上で私たちしかし、あなたはここでいくつかを逃した場合の最高の迅速かつ便利なコンパイル我々 は 1 週間これを送信つぶやき。
これはリンクの豊富な非常に小さいことに注意してください。
についてつぶやいたを逃してはいけないので。
すべてのクールなリンクは、単に follo を最新保つためにw 私たちは @DesignerDepot 15 素晴らしいビデオ広告の大きな良い CMOs 愛する http://mklnd.com/1D2iIro をブランドします。
@smashingmag からの記事: どのようにする実行 A コンテンツ プランニング ・ ワーク ショップ http://bit.ly/1oBKN81 Useful を読む: ウェブ デザインとチェック アウトの放棄-ヒント & インサイトの http://bit.ly/1wkQkSL @ju を介してstcreative デザイナーは Adobe @Cre を介して論争 http://bit.ly/1oBJzJZ の価格のうちを話すativeBloq ニース投稿して @marketingland から: 大企業がこれらの偉大な em のメモを取る必要がありますスタートアップ http://mklnd.com/1t5275w タイポグラフィより良い可視性 htt の重要な理由から不振の解決策します。
p://bit.ly/ZIZObT Google の開始 '受信トレイ'、さらに進化したライフ スタイル電子メール クライアント http://mklnd.com/1D0FW1d ノキアここでマップを使用できるようにすべての Android ユーザー http://selnd.com/1yp8ヤフーの今後の K2A マリッサ メイヤー ビジョンは始めています http://bit.ly/1xcTwitter の http://bit.ly/1xcP68X モバイル開発者向けの新しいプラットフォーム PkN4 ファブリックさようならメール & 社会的なログインですか?Twitter の「数字」のアプリケーションことができます & サイト提供電話番号 h 経由でログインttp://mklnd.com/1vSeSAZ 役に立つかもしれない: 六つの #WordP の最高の人気のある記事のプラグインレス http://bit.ly/10qAeK4 Google のために使用することができますクールなアイコンの数百をリリースしました#free http://bit.ly/1t3Umg4 @Gizmodo @BrushLovers を介してシグネット: 送料の再設計 http://bit.ly/1tewjL8 Confessium-http://bit.ly/1tKQYbS を告白するデザイナーのための場所 Richard 2 つのスタートアップを実行する方法のブランソン一度に http://entm.ag/1nwZgRN キャリア プランニング: Where は古い devs に行くか?http://bit.ly/1nxRTcJ なぜする必要があります適用デザイン思考にあなた李デザイナーは、米国の通貨を与える fe http://bit.ly/1wduVaK ノート '最小' の再設計http://bit.ly/1wfOIHu Laplock、電源コード http://bit.ly/1x とあなたのラップトップをロック0Rgs9 はもっとしたいですか?大丈夫!私たちは @DesignerDepot、次のすべての私たちのつぶやきを追跡UI デザインの究極のガイド 5.97 ドルのみ !サワーcep img {表示: インライン-ブロック; 余白-右: 10 px;}.alignleft {フロート: 左;}p.showcase {クリア: 両方;}ボディ #browserfriendly p, 体 #podcast p, div #emailbody p {マージン: 0;}
thumb

デザイナー、2014 年 10 月のための新機能

From What’s new for designers, October 2014

何の 10 月号 ’ s web デザイナーや開発者のために新しいには続き新しいウェブ アプリが含まれていますent 管理システム、iOS アプリ、メール リソース、ソーシャル メディア ツール、プロジェクト管理アプリ、CSSツール、およびいくつかの本当に素晴らしい新しいフォント。
以下のリソースの多くは、無料または非常に低コスト、および、日時は多くのデザイナーや開発者をそこに役に立つことを確認します。
いつものように、もし我々 ’ ve missed と思うものが含まれている、してくださいコメント欄で知らせて.ある場合アプリや他のリソースを ’ @cameron_chapman につぶやき、来月含まれて参照してくださいしたいの検討。
Elokenz Elokenz は reade で従事するためのツールが含まれてブログ ツールボックスです。
社会的なメディア、追尾性能とセマンティック検索エンジン最適化の rsStorify Storify は他のユーザーとソーシャル メディアに従事するための使いやすいプラットフォームです。
Ma のためのツールが含まれていますnaging の最新ニュース、ライブ イベント、ブランド キャンペーン、キャプチャされたチャット。
リトマス ビルダーリトマス ビルダーはより良いマーケティング メールを構築するための web ベースの電子メール エディターです。
1 cl が含まれます嫌なもののテスト、簡単な HTML の編集、およびデスクトップとモバイルのプレビュー ツールAdobe 色 CC Ado色 CC あなたの iOS のデバイス上の任意の画像からカラー パレットを作成する簡単であるところはどこでも inspi殴打の配給量します。
インタラクティブなカラー ホイール、プリセット カラー モードが含まれています。
アドビブラシ CC Adobe ブラシ CC Photoshop を作成することができ、右あなたの iPad や iPho イラストレーター ブラシネ。
Adobe 形状 CC イメージからベクター図形を作成したいですか?Adobe 形状 CC は、簡体字ル ベクトル, あなたの iOS デバイスの右側に任意の高コントラストの画像を有効にします。
エッジ ・ コモンズ エッジ公有地のコレクション “ 汚い小さなヘルパー ” Adobe エッジのアニメーションを使用するため。
それ税込udes ヘルパーの視差、スポット ライト、適応型レイアウト。
Gleez CMS Gleez CMS は、オープン ソースと拡張可能な CMS を ’ s Kohana フレームワーク上に構築されました。
M がサポートされていますodules、テーマ、ウィジェット、ユーザーとグループ、および詳細。
AllTheFreeStock.com AllTheFreeStock.comcurates 無料在庫画像、ビデオ、およびすべての下でライセンスされて、さまざまなソースからのアイコンクリエイティブ ・ コモンズ 0 ライセンス。
アンカー アンカーは、自己ホスト型ソフトウェア tha を請求無料t では、PayPal またはストライプと支払いを受けるにそれが簡単になりました。
GifDeck GifDeck は、変換するためのツールアニメーション Gif にあなたの SlideShares。
すべてのあなたはあなたの SlideShare の URL にペーストです。
地図ボックス スタジオ Mapbox スタジオは地図のベクトル駆動設計アプリです。
文字体裁オプション、画像が含まれていますエフェクト ツール、その他。
寸法寸法ですが、Chrome ブラウザーの拡張それをお使いのブラウザーで何かを測定する簡単です。
画像、入力フィールド、ボタン、間測定することができます。
ビデオ、gif、テキスト、アイコン、および他の何かは、ブラウザーで参照してください。
Anicons Anicons は、se です。
アニメーション アイコンの t。
最初のバージョンは、40 以上のアイコンは、すべてをカスタマイズできます。
Stack スタックはプロジェクト チームのトラックに維持するため、単純なタスク マネージャーです。
Customi が含まれますできる列、無制限のプロジェクト、および詳細は、30 日間無料トライアルが付属していますと。
ミックス ミックスは、他のデザイン時に構築することができます FiftyThree から協調設計支援アプリです。
Wr ができます。
映像情報メディア学会、デザイン、スケッチ。
テンプレート ビルダー キャンペーン モニター ’ s テンプレート ビルダー makes わずか 60 秒でメールそれは簡単に無料の HTML を構築できます。
メールは完全にテスト済み、携帯準備ができて、d は、キャンペーン モニター以外での使用のためダウンロードすることができます。
フィッター幸せテキスト フィッタ幸せテキストは JSON と java スクリプトの設定を使用して完全流体の高性能な見出しを提供します。
デザイン キット療n のキットは人間中心設計のためのデザイン ツールのセットです。
それ ’ 買い物に備えるのハードコピーで利用できる。
長谷、または自由な PDF ダウンロードとして。
創造的な創造的な VIP は、サブスクリプションのサービスfers 排他的な割引やそのメンバーに 600 以上のグラフィック デザイン リソース。
高菜 T赤名はライブ SCSS と CSS エディターです。
それを作るように、ブラウザーに住んでいる変更を確認することができます。
それら。
アップルの時計 GUI PSD このアップル時計 GUI PSD は探しているデザイナーのための素晴らしいリソースです。
アップルの時計アプリを始める。
Pictura Pictura は焦がすの単純な Photoshop のプラグインチンを使用して、Photoshop 内右から Flickr の画像を ’ ve はあなたの p に右を発見計画外のダウンロードすることがなく。
DragGradients DragGradients は、単純なグラデーションを生成ドラッグ アンド ドロップをブラウザー内でポイントすることができますまたは ’ カスタム gradie を作成する s のビューポートnt。
色をカスタマイズすることができます (どのように多くの) を含むし、CSS をダウンロードします。
Dropbox の Guiデこれら Dropbox ガイドは、ユーザーと管理者、および方法に関する情報を含む利用できます。
あなたのビジネスのための Dropbox を最高に活用します。
ランダムな CSS のグラデーション生成ランダムな CSS の Gradient ジェネレーターを生成することができますし、完全にランダムなグラデーションのためのコードをつかみます。
Eデザイン ガイド MailChimp メール ’ s メール デザイン ガイドをどのように最高のコロラド州のいくつかの素晴らしいアドバイスを提供していますnvey メール メッセージのイメージ、フォントより有効に利用します。
Basscss Basscss は、co です。
基本要素のスタイル、ユーティリティ、レイアウト モジュールおよび速度とパフォーマンスのために設計された多くの llectionnce、できるだけ拡張性。
Readme Readme ドキュメントと refere 作成する簡単な方法はアプリの nce 材料。
主題の建築者、API エクスプ ローラー ユーザーはあなたの遊ぶことができるのでそれが含まれていますPI、ドキュメント内の権利。
UX の仲間の UX の仲間は UX t の用語集です。
heories、ツール、およびあなたの iOS デバイスのための原則。
新しい概念と手法、および t を学ぶことができます。
詳細な手摘みリソース飛び込み編。
ランダムなユーザー ジェネレーターこの簡単なランダムユーザー ジェネレーター簡単にユーザーを作成するランダムな名前、写真との完全なアプリのコンタクト情報、短い bios、ジョブ タイトル。
ライチ ライチは自己ホスト型の写真の男管理で実行できるアプリケーション サーバーまたは web ホスティングします。
できますアップロード、管理、および共有写真李柯ネイティブ アプリからでしょう。
ポリア (無料) Polya は幾何学的なフレアと表示フォントです。
その ’ s の個人的な商業使用のため無料。
アルカ ムジュラ (無料) アルカ ムジュラは無料です。
幾何学的な大文字フォント図形を ’ のための s の大きい表示の使用。
Nexa 錆 ($49) Nex錆は 83 フォント、多面的なフォントを含むシステムを san、スラブ、scr の作成の superpackipt は、手作りのスタイルとエクストラ。
ブレラ (無料) ブレラは無料セリフ書体 tha です。
t はディスプレイや本体のサイズですばらしく見えます。
YWFT Agostina 代替 ($25) YWFT Agostina 正e は、ソファーのすべてを保持、元の YWFT Agostina フォントの向上とアップデートされたバージョンです。
h 形、文字カウント、および Opentype 機能、元の。
Handtypo スクリプト ($15) Handtypo スクリプトは、さまざまな他の書体とうまく動作適応、ユニークなスクリプト書体です。
Slabby ($8) Slabby ジョーは軽くて、定期的に、大胆になる手書き書体です。
重み。
Windflower ($5) Windflower は大文字表示書体を ’ s 風 by ビンテージ セリフ フォント。
それ ’ s のポスターのために大きいと用途を表示します。
Eveleth ($9) イブleth ファミリは、苦しめられた活版の古風な魅力と卓越したリアリズムを持っています。
Madr($10) としてマドラスは含まれています 7 重みマッチング イタリック体、サンセリフ体型ファミリです。
& nbsp;新しいアプリケーションやリソースが含まれている必要がありますが wasn の知っている ’ t ですか?番目のお知らせe のコメントを !100 + 本質的な 3 D モックアップ & 効果 IngImage から 18 ドルのみ !ソースp img {表示: インライン-ブロック; 余白-右: 10 px;}.alignl銀行口座振込 {フロート: 左;}p.showcase {クリア: 両方;}ボディ #browserfriendly p、ボディ #podcast p、div #emailbody p{マージン: 0;}

タイポグラフィを使用してブランド アイデンティティを整列する方法

From How to Use Typography to Align Brand Identity

販促資料の完璧なフォントを選択するブランド ・ アイデンティティの重要な側面です。
Smal の多く使用するフォントに適切な注意を与える l 企業の経営者やマーケティング担当者は無視します。
とどのように彼らは会社や組織、視聴者への接続を助けることができます。
いくつかのドン ’ t を実現ロゴの上に既定のフォントをぴしゃりその行ってではなく貯蓄にお金を置くようなものはng それ: あなた ’ そうすることによってお金を失うリスクの安全、あなたにそれを演奏。
右 ToneDiffe を選択します。
家賃のフォントと色のいくつかの形容詞で要約することができます半普遍的な音を表現。
いくつかの font は温かく友好的な他の簡単な深刻なとして見られています。
すべての顧客の vie に影響します。
w 企業。
多くの新しい企業がマーケティングの s フォント選択の直接的な影響を見ないかもしれないuccesses、しかし彼らのロゴの種類を変更しているいくつかのベテランのブランドは強い反発と訪ねる参照してください。
mes も売り上げ高の減少。
フォントのトーンあなたのブランドの知覚どのように偉大な力しています。
ここで、さまざまなフォントとそのトーン: 1 のほんの一例再。
クラシックと TraditionalClassic と伝統的なプロフェッショナ リズムまたは方法によって高級フォント セリフのようなことを示す彼ら ’ 再使用されます。
、y は、知識と権威、ブランドの中でも指定できます。
例: Modum、フェニックス STD、博物館、11 月ello.2 モダン ・ サンセリフ セリフ TrendyModern はトレンディなと簡単に割り切っています。
彼らは簡単ですし、ドンの機能 ’ t テキストから気をそらします。
例: ブランドン グロテスク、Bebas、および Din.3 びエレガントなしかし、RelatableThin または狭いフォントはよりエレガントなだけでなく非常に relatable と “ 人間。
” のルール変更と作成されるすべての新しいフォントによって異なります。
例: Kraftstoff、Simplifica、Neutraface、Glober.4。
暖かいと、po で使用されるものなどの FriendlyBold フォントpular ギャップ ロゴはより一般的でフレンドリー。
Co によって劇的なとしても見ることができます。
ntext 型で使用されます。
例: バルトと Cubano.5。
楽しみまたは EmotionalFonts また、生意気なことができますか人格を楽しい。
手書き風フォントは楽しさとスクリプト フォントは非常に感情的な送信することができます私はn の自然。
これら、最も読みやすい lar のであるボディ テキストのための悪い選択肢になるだろうge のサイズ。
例: バリオ、悪いスクリプト、ロブスター、Blenda Script.Select、小さな FontsChoose 範囲ドキュメントに関係なく一緒にうまく組み込むことができます、いくつかのフォント。
これにより、表示するため、ブランド イメージを磨いたし、すべての場所の代わりに合理化します。
ここではフォントの categories ブランドのニーズ: ロゴ フォント: あなたのロゴのフォントは絶対にないアリのような既定のフォントをする必要がありますアルまたは Times New Roman です。
ロゴはそれぞれの潜在顧客を表す ’ の初めての出会いとあなた会社のイメージを消費者になるだけでなく、’ s 心、fut であなたについて考えるときure-将来的にあなたの考えている場合。
それは何があなたのブランドのユニークな研ぐをカプセル化する必要があります。
彼女を ’、フリーランスの写真家や大企業の CEO を再。
キャッチ フレーズと見出しのフォント:見出しとキャッチ フレーズ フォントが y として倍増できるあなたのロゴのフォントが他の形式で読みやすい場合、ou には他の何かを選択することもできます。
このフォントは人目を引くべきである (しかしない非常に不愉快な) ディスプレイそれ以来 y フォント ’ s、見出し、小見出しおよび他の特別なテキストに使用するためのものです。
ボディフォント: ボディ テキストのための別のフォントを選択します。
これは、極めて読みやすい、中立的なそれ以来べき will ほとんどなります小さくて、長いと中間の長さのテキスト ブロックの使用。
中に対 se sans serifrif isn を支配 ’ トンの石で設定では、印刷された本文のテキストと、s のセリフ フォントを使用するが通例オンライン テキストの ans セリフ フォントです。
これらのフォントする必要があります以上を保持する、ものを選ばなければドン & #8217; 異なるサイズや重量によく翻訳 t。
この場合、th を補完するものを選択してください。
よく em。
これは同じ f からすべてのフォントを選択することを決めたがある場合に、余分な簡単なする必要があります。
amily。
読みやすさを確保する、フォントの選択に最も重要なキーの 1 つです。
場合、テxt を ’ 本体テキスト doesn のため選びました ’ t 快適は小さなサイズに縮小する ’ ve間違った 1 つを選択します。
表示フォントがあまりにも簡単に 1 つの let を区別するために読者のために頽廃的な場合ter から別のそれがかかりますそれらメッセージを把握します。
寛大なスペースを使用するフォントを選択します文字より流動的で読み取ることができますので。
ConsistentFinally、ことができますあなたの聴衆を chあなたのブランドに精通するインピー ダンス ’ s visual スタイル。
密な有益な文献から看板、あなたを表現するを選択しているフォントを使用します。
場合は、ビジュアル コンポーネント conflict-チャネルからチャネルまたはメッセージへのメッセージをあなたの聴衆が問題になる encou を接続します。
1 つの不変の印象をあなたのブランドと nters。
あなたが感じるあなたのフォントがスタイルまたは th 外である場合あなたのロゴは、もはや正確に反映している、会社の資質以上の作る前にだと思います。
ドン ’ t ロゴ フォントもペアかどうかを確認するその他のフォントを更新せずに微調整します。
Peopルになる特定のブランドの感じに接続されているし、嫌悪感を意味するからすべてを経験裏切り、信頼性の高い視覚的要素が変更されたとき。
タイポグラフィを通信ので、聞かせあなたの fon を利用します。
t の選択肢は 2 つの主要な目標を達成する: あなたの顧客および正確に reflecti と明らかに接続します。
ng あなたのブランドの文字。
ポストどのブランド アイデンティティの整列に使用タイポグラフィーに登場のモミst おいた Web デザイン Magazine.Related 投稿: プロフェッショナル Headl フォント 20 の分類伊根新鮮なとあなたの利点にフリー フォントを使用してタイポグラフィ