タグ タイポグラフィ
新着順 10 users 50 users 100 users 500 users 1000 usersPingMag デザインの教養を積む
グラフィック・デザイナーの育成過程というものは、偶然の産物であることが珍しくない。現在活躍中のグラフィック・デザイナーの中にも、少なからぬ人数がデザインの正式な教育を受けずに今日の地位を築いている。デザインの学部教育には時として遺憾な点も多く、正式なタイポグラフィの講座もなければ、ソフトウェア指導も不完全、現実に基づいたクライアントや契約の対処法も教えてはくれないし、何よりも、JAGDAやAIGA... 続きを読む
最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2016 Logo Trends | コリス
デザインの引き出しを増やすには、人気があるトレンドを押さえておくことは大切です。 ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニッ ...記事の続きを読む 続きを読む
きみは「serial experiments lain」を知っているか 20周年を経ていまだ続く実験 - ねとらぼ
「プレゼント・デイ■ プレゼント・タイム■」 1998年7月6日25時15分。白地に大写しにされた赤字のタイポグラフィ。歪な笑い声とともに一本のアニメが放映された。「serial experiments lain」。 リマスター版BD BOXが発売中 キャラクター原案は「灰羽連盟」などで知られ、先日「RErideD -刻越えのデリダ-」への参加も発... 続きを読む
無料フォントのみを使用してタイポグラフィを1日に1デザイン作成、100日間続ける学生のプロジェクト・100 Days of Typography | ラクスルマガジン
初心者も印刷マスターも納得のネット印刷専門情報【ラクスルマガジン】 マガジントップ ラクスルニュース 印刷の達人 よくある質問 印刷用語辞典 ホーム ラクスルマガジン 印刷の達人 無料フォントのみを使用してタイポグラフィを1日に1デザイン作成、100日間続ける学生のプロジェクト・100 Days of Typography 無料フォントのみを使用してタイポグラフィを1日に1デザイン作成、100日間... 続きを読む
ウェブデザイナーにお勧め!フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
前の会社では新人ウェブデザイナーが必ずやっていたことの一つに、文字詰め1,000本ノックがありました。1,000は大げさな数字ではなく、実際にはそれ以上の数をこなしていたと思います。 ウェブデザインのUI/UXにおいてタイポグラフィは重要な存在で、特にミニマルやフラットなどはタイポグラフィが非常に重要な役目を担っています。 フォントやタイポグラフィの知識を深め、テクニックを身につけるのに役立つ情報... 続きを読む
デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips | コリス
グラフィック、タイポグラフィ、カラー、エフェクト、要素の構造、配置など、デザインのスキルアップに役立つ50のデザインテクニックを紹介します。 50 Tips to Make You a Better Designer 下...記事の続きを読む 続きを読む
フォント選びの参考になる!世界で活躍している有名デザイナーたちが選んだフォントのランキング -Typographer’s Typefaces | コリス
8 Faces magazineで特集されたリードデザイナー8人、世界で活躍している有名なデザイナー64人に4年に渡りアンケートを実施。「もしも8つしか書体を使えないなら、どれを選びますか?」で選ばれたTop25、27書体をランキング形式で紹介します。 正しい書体を選ぶことは、デザインとコミュニケーションにおいて非常に重要な役割となります。 タイポグラフィのデザイナーが厳選した書体のリストから選ぶ... 続きを読む
基本的だけど大切なタイポグラフィのシンプルな14のルール | コリス
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんと... 続きを読む
Photoshopでつくるタイポグラフィのチュートリアル:2009年総集編 | コリス
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。 レタープレス ハンドライト グランジ フラリッシュ 3D テキスト・ポスター [...] 続きを読む
タイポグラフィを基本から学べるオススメの本 | コリス
ウェブデザインでも非常に重要なタイポグラフィを基本から学べるオススメの本を紹介します。 きれいな欧文書体とデザイン 文字の組み方 欧文組版 デザインの教室 市川崑のタイポグラフィ 欧文書体百花事典 きれいな欧文書体 [...] 続きを読む
デザインのレベルを上げる!レイアウトやタイポグラフィに関するまとめ | コムテブログ
先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回はWeb関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 もくじ レイアウト 1.アクテ... 続きを読む
独学でWebデザインの知識が身につく!デザイナー初心者が絶対に抑えておきたいサイト・記事14選
HTML、CSS、JQuery、WordPress、タイポグラフィ、配色、コピーライティングなどなど、Webデザイナーに求められるスキルは多岐に渡ります。 より多くのスキルを使いこなせるほど、Webデザイナーとして活躍できる場面は増えていくでしょう。 本記事では、これらのスキルを身につける必要性を解説した上で、独学でも学べるサイトや記事を紹介します。 HTML5、CSS3を学習できるサイト・記事 ... 続きを読む
『フォントのふしぎ』を読んだらフォントを見る目が変わってしまった | IDEA*IDEA
なんとなく積ん読になっていた「フォントの不思議」を読了。マニアックなテーマではありつつも、個人的にはかーなり面白かったです。なんというか、プロの講演を聞きに行って「あ、今日は当たりだ!」と思ってしまったような達成感がありました。 著者は日本でタイポグラフィやカリグラフィを学んだのちに世界的なコンテストでグランプリを2度受賞、そのあとにドイツに渡り欧文フォントのディレクターをされているというプロ中の... 続きを読む
あなたは何点?Webデザイナーのためのクイズサイト12 | Webクリエイターボックス
Webサイト制作や色彩感覚、タイポグラフィの知識をクイズ感覚で勉強できるサイトをまとめてみました。どれも短時間で楽しみながらできるものばかりなので、気軽に挑戦できますよ!Webデザインや制作の勉強中のあなたも、ベテランさんのあなたも、ぜひ試してみてください :) 休憩時間にサクッと挑戦! 選択問題やドラッグ&ドロップでできるゲーム感覚な問題いろいろ! 1. HTML/CSS HTML5実力テスト ... 続きを読む
見るだけでもワクワクする、CSS3とjQueryのかっこいい7つのエフェクト | コリス
ページを開いた瞬間、ユーザーの目を引きつけるようなCSS3とjQueryを使ったタイポグラフィのかっこいいエフェクトを紹介します。 Typography Effects with CSS3 and jQuery かっこい [...] 続きを読む
Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ | コリス
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Ado... 続きを読む
写真を使用してデザインをするためのベストプラクティス | コリス
写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる... 続きを読む
Gumby - Bootstrapの強力なライバルになるか!?シンプルかつ強力なCSS3フレームワーク|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。まずデスクトップからです。 ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。 タイポグラフィ。可読性高いです。... 続きを読む
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方 | コリス
フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライド と同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライ... 続きを読む
2010年総まとめ:Photoshopでつくるタイポグラフィのチュートリアル集 | コリス
Archive by month 2010年12月 (44) 2010年11月 (52) 2010年10月 (54) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (53) 2010年2月 (51) 2010年1月 (45) 2009年12月 (65) 2009年11月 (... 続きを読む
Modern UI のようなフラットデザインを目指して使いづらくなっている件について | Developers.IO
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル(ボタン)とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x ... 続きを読む
タイポグラフィの素晴らしい世界をまずは無料のものから学んでみるebookのまとめ | コリス
Archive by month 2012年10月 (16) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (5... 続きを読む
日本語フォントの書体の選び方・組み合わせ方、そしてデザインする日本語タイポグラフィのテクニック | コリス
明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋(名古屋)で登壇しました 日本語デザイン研究会中部 は、タイポグラフィの大... 続きを読む
中小企業のビジネスサイトに効果を与える5つのデザイントレンド | コリス
限られた予算と時間の中で、商品の販売、資料請求やダウンロードなどのビジネスサイトのゴールを達成するために効果的なデザイントレンドを紹介します。 5 Small Biz Web Design Trends to Watch 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリスト 2. 独自の写真 3. 大胆なタイポグラフィ 4. アクションの呼びかけボタン 5. A/B テスト はじめに... 続きを読む
tonan's blog: 「わ」と「れ」の左側は同じ形ではない
『組版/タイポグラフィの廻廊』(白順社)に、「秘」は本来は「祕」で「秘」は誤字であり、単なる誤字が由緒ある誤字になったのは王羲之が誤字である「秘」を書いたからだ、と書いた。 このように「のぎへん」と「しめすへん」は古来たびたび間違われている。 ひらがなも同様で、たとえば「わ」は「和」をくずしたものであり、「れ」は「礼」をくずしたものだから、左側の偏の部分は本来は違うかたちになるべきだ。 上の図版は... 続きを読む