デザインの基礎知識として覚えておきたい「バランスの良い縦横比」｜blogs.com
はてブ twitter delicious livedoor クリップ Tumblr Instapaper メールで送信 デザイン・アート 2010.01.14 0 山田井 ユウキ 今回ご紹介するのは「Love & Design」から、「覚えておくと便利なバランスのよい縦横比とバナーサイズ」という記事です。 別にウェブに限らず、TVの画面や名刺などデザイン的に「見やすい」とされる比率は日常生活のあらゆる場面で使われていますので、覚えておいて損はないと思いますよ。 記事によると、バランスの良い比率とは次の通り。 1 : 1.4 日本建築やハガキ・用紙サイズに用いられる白銀比 1 : 1.6（または5：8） 名刺などに用いられる「最も美しい比」とされる黄金比 3 : 2 フィルムカメラで使われる伝統的な縦横比 4 : 3 PC のディスプレイやアナログテレビの縦横比 16 : 9 デ
ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集｜| ＾＾ |秒刊SUNDAY
ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY（びょうかんサンデー） 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Ｏｓａｋａ ■WindowsでOsakaフォントを使おう！ ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO
【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
インテリア・雑貨を紹介しているステキなブログまとめ
2009/03/23のスパイラルマーケットさんの「【贈り物選びに】雑貨・インテリア紹介ブログまとめ」で、知らないブログが半分くらい取り上げられており、巡回先が増えて幸せな気持ちになりました。 同時に、エントリに当ブログも含まれていてかなり焦りました。あわわ。 スパイラルマーケットさんのまとめエントリの二番煎じなのは承知で、インテリア・雑貨を紹介しているステキなブログをご紹介します。かぶっているブログも多いですが、気にせず書いてみます。 ■となりのインテリア→まとめのインテリア インテリア・雑貨紹介ブログとしてはかなりメジャーだと思います。 紹介しているアイテムのジャンルも数も多くて、目移りしてしまいます。 サイトデザインも細かいところまで作り込まれていてステキです。リスペクト。 ■雑貨kUkan 古くから運営されているので、3/27現在で投稿数が1956個。 インテリア関連だけでなくファッ
CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence:::::::
お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
フリーフォント最前線
「フリーフォント最前線」は2020年6月30日をもって公開終了となりました。 今までのご愛顧、ご協力ありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Photoshopブラシを使って、簡単トレンドデザイン - DesignWalker
WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
白地図、世界地図、日本地図が無料【世界で唯一の白地図専門店】
hereticanthem co.,ltd. » フリーでアイコン、クリップアートを配布しているサイトのまとめ