Lucia Soto - IllustrationIllustration
Tips for Using Light Fonts in Web Design | Concept Dezain
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities. For those who know how to use light fonts, they can be very attractive. When light fonts are misused, however, they can look terrible. Here are some basic tips to help you avoid d
細部までしっかりこだわったヴィンテージデザインの6種類のエレメント
人気のデザイントレンドの一つに、ヴィンテージ・レトロスタイルがあります。デザインにこれらを取り入れるために使いこなしたい6種類のエレメントを紹介します。 The Elements of Retro Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 元記事にはサンプルやチュートリアルなど豊富に掲載されています。 はじめに 1. サークルを使った形状 2. ツートンカラー、限定されたカラースキーム 3. タイポグラフィエレメントとトレンド 4. ブレンディングスタイル 5. テクスチャとノイズ 6. イメージクロップとレイヤーマスク はじめに ヴィンテージ、レトロといったスタイルは今日のデジタルアートワークにおいて、日々人気が高くなっています。社会が完全にデジタル化した後、デザインにおけるヴィンテージ、レトロをテーマにしたものはトレンドの一つと言えるでしょう。 こ
2010年総まとめ：ウェブ制作に役立つエントリーBest 20
コリス [ad#ad-2] 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed Twitterでは、サイトに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom 2010年、ブックマークが多かったエントリー 漢字も使える手書き風の日本語フォントのまとめ ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの設定 2010年総まとめ：商用利用も無料、日本語・英語の高品質なフリーフォント集 jQueryの日本語の解説サイトと国産のプラグイン集 たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 商用でも無料で利用できる高級感のある細字のフォント集 無駄なdiv要素やc
クリエイティブタイポグラフィ61総まとめ2010
webにかかわる人も、そうで無い人もデザインにかかわる全てのクリエイターなら、一度は通る道が、タイポグラフィデザインです。 文字、いわゆるテキストさえもデザインする事で、デザインの幅は大きく広がります。 今回はそうしたクリエイターに送る資料としてホットでクリエイティブなタイポグラフィ作品をまとめました。 また、これからタイポグラフィについて記事を書こうと思った方の資料として使っていただければという思いも込められています。 キュートでかわいいタイポグラフィパターン ちょっとしたアクセント、背景に注目です。 リンク先で拡大画像が見れますが、それぞれの文字がフルーツで出来ています。 立体的な造形物です。リンク先では様々な角度からの画像が見れます。 リンク先ではそのほか様々な作品が閲覧できます。 このページでは、そのほかラブリーなタイポグラフィが閲覧できます。 チュートリアルになっています。 リン
デザインの要素と原則
2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう！デザインは複数の要素（エレメント）と原則（プリンシプル）から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ デザインの要素（エレメント）と原則（プリンシプル）は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
ミニマリズムから学ぶウェブデザインのセオリー
伝えるべきメッセージを明確に伝え、余分なものを取り除くミニマリズムから学ぶウェブデザインのセオリーを紹介します。 Minimalism in Web Design: A Guide [ad#ad-2] ミニマルなウェブデザインってどういうの？ という方には、下記の記事もおすすめです。 ミニマルなウェブデザインで使用される特徴的な12のエレメント 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリズムの概念 2. 取り除く美学 3. よりスマートなカラー 4. タイポグラフィ 5. レイアウト構造 6. ネガティブスペース 7. バランス 何を学ぶべきか はじめに ミニマリズムは多くの異なるコンテクストで話し合われるワードです。それがライフスタイル、あるいは芸術スタイルにかかわらず、なにかがミニマリズムであるということはいろいろな意味をとることができます。 ウェブデザインにおいて
Webフォントをその場でウェブサイトに適用できるサイト「FontFonter」*二十歳街道まっしぐら（FC2ブログ時代）
「FontFonter」はWebフォントをその場で適用できるサイトです。 Webフォントについては、 「SafariやFirefoxも正式対応！CSS3のWebフォント(Webfonts)とは何か」を御覧ください。 「FontFonter」は、 Webフォントを公開している「Web FontFonts」内のフォントをその場で適用できるサイトになります。 以下に使ってみた様子を載せておきます。 まず「FontFonter」にアクセスしましょう。 フォントを適用したいサイトのURLを入力します。 日本語フォントは基本適用されないみたいなので、今回は海外サイト「Digg」で試してみます。 通常はこのとおり。Javascriptは無効になります。 上部でフォントを置き換えることができます。 お好みのフォントを選んで「FontFont it!」をクリック。 するとこのようにWebフォントがその場で適
街でみかけた書体
2009年1月10日（土）〜2009年2月1日（日）に世田谷区三軒茶屋の生活工房にて「世田谷でみかけた書体」展を行うことになりました。 それに先駆けて、プレブログを2008年12月の一ヶ月間のみ、平日に更新していきます。 詳しくはこちらをご覧ください。 ・生活工房 「世田谷でみかけた書体」展 ・プレブログ 世田谷でみかけた書体 由来は定かでありませんが、ぼってりした感じのかな書体です。 「フキダシック（リョービコミック用フォント）」と同系統のようです。 これは、雑居ビルの出口付近。 再開発で新しいビルが建ち並ぶ陰には、昭和の色をまとった書体もまだ遺っています。 * さて、突然ではありますが、ブログの更新は本日をもって休止します。 ちょうど約一年と区切りがよいのと、街でみかける主だった書体はほぼ紹介し尽くした感があるからです。 なかには書体名が分からなくて掲載できなかったものもあったりす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://raksul.com/magazine/wp-content/uploads/2015/02/150212_tokushu_lp_03.png