Free Textures - 28 High-Res Vintage Postal Textures | Think Design フリーのビンテージな郵便物のテクスチャ集。 次のような使いどころがあるかどうか不明ですがクールな郵便物のテクスチャがまとまってました。 バックグラウンドイメージなんかに使うのはいいかもしれませんね。 海外のものはなんとなくこういう切手とか手紙をとってみてもカッコよく感じてしまいますね
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな
写真の主題を引き立たせるために使用される「ボケ」をウェブデザインにとりいれるためのスタディをPSDFanから紹介します。 Inspirational Examples of the Bokeh Effect 以下、各ポイントを意訳したものです。 ボケとは ボケの実例 デジタルアートでのボケ ウェブデザインでのボケ ボケのチュートリアル ボケとは ボケとは、写真撮影の際にレンズを利用して光の焦点をぼかしたものです。このボケは、レンズによってもさまざまなものを楽しむことができます。 通常、ボケは主題を引き立たせるために使用されるもので、主題以外のものをぼんやりとさせます。 ボケの実例 写真撮影でのボケを実際に見てみます。
先日、Twitter経由で「Web標準化 (W3C) とHTML5の状況 (PDF形式)」というスライドが総務省のWebサイトで公開されているのを知りました。早い時期から国に働きかけているのだなと関心しましたし、どのような内容を紹介しているのだろうと興味があったので早速ダウンロードしてみました。HTML5 の概要をコンパクトにまとめている点は良かったのですが、プレゼンのスライドとしての質はあまり高いものではない内容でした(一番最後のページに「ありがとうございました」と書いてあるのでスライドの可能性大)。 W3Cに携わる教授という視点だと考えられなくはない内容なのですが、国の方(もしくは IT プロフェッショナルではない方)に向ける内容ではない気がしました。せっかくHTML5を多くの方に知ってもらうという素晴らしい機会があってもこれではどうかなと私は思いました。以下が私が気付いた課題点です。
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ
ビジネスには欠かせない名刺、名刺のイメージでセンスや個性が見えたりとデザインはとても重要な要素となっていますが、今回はデザイン性の高いpsdのフリー名刺デザインを集めた「20 Free Photoshop business cards」を紹介したいと思います。 シンプルなものから、グラフィックに凝ったデザインまで、20種類の名刺デザインをフリーでダウンロードすることができるようになっています。 詳しくは以下 ■Cardboard And Torn Paper Business Card 素材感のある紙素材を使った名刺デザイン。 ■ Fluorescent Business Card Template 色使いで個性を表現した比較的シンプルなデザインの名刺。 ■Creating a Colorful Vibrant Business Card カラフルな色合いが目を引く個性的なデザインの名刺。
毎回、注目のデザイン書籍や写真集、おすすめの本を紹介します。 今回は「広告の中の図説デザイン」です。 仕組みや特徴などを分かりやすく紹介する「図説」のデザインを多数掲載したデザイン書です。 詳しくは以下 デザインをする上で特に、サービスや仕組みなどを分かりやすく説明する際に展開することの多い「図説」、どんな視点で、どんな切り口で見せればユーザーにスムーズに伝えることができるのか?この本を読めばその疑問を解決してくれそうです。業種やターゲットに合わせたデザイン「図説」の数々を様々な角度からビジュアルで紹介。自分が探していたデザインにきっとたどり着くことができるでしょう。 頭では分かっていてもいざ図式化、ましてやデザイン要素を重視し表現するとなるとなかなか難しいもの。この一冊があればいろんな角度から提案することもできそうですし、非常に重宝するのではないでしょうか? 書籍は下記サイト、またはAm
世界各国のクリエイティビティの高い広告が投稿され、その広告をまとめたサイトがあるようです。 投稿者数は153人で、国籍もアメリカ・フランス・中国といった大国からグアテマラやウクライナといった国まで60ヶ国以上もあり、それぞれの国や業種の特色が出ている広告がたくさん集まっています。 詳細は以下より。 Bluetoothヘッドホンを主に製造販売しているBLUETREKの広告。「「ST1(商品名)」はあなたの頭のためのHi-Fi」と書いていますが、ちょっと意味が違うような気がします。 日本でもおなじみのブリーズライトの広告。「まるでバンドの演奏みたいにやかましいいびきをかいている人にも効果的」という意味がこめられています。 ジャンクを集めて別のものに作りかえるElectron Recyclingの広告。 眼鏡店のoptica CARONI。目がサングラスを盾にして日光から身を守っています。 フォ
はてブ 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 デ
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に
フリーで使えるプロフェッショナルなフォント集「50 First-class & New Downloadable Fonts For Professional Designs」 デザインに大きな影響を与えるフォント。様々なフォントがリリースされていますが、今回紹介するのはフリーで使えて、なおかつ、クオリティの高いフォントを集めたエントリー「50 First-class & New Downloadable Fonts For Professional Designs」を紹介したいと思います。 7 days スタンダードなものから、クリエイティブなものまで、様々な種類のフォントが全部で50種類紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Harabara ゴシックの堅いイメージを残しながらも、独特の加工で柔らかい印象もプラスしたフォント。
度肝を抜かれるインパクト…ビルを利用したアイデア満載の広告10 何かと広告だらけの世の中ですが、どうせ見るなら楽しい広告を見たいものです。 宣伝の仕方にも手法はいろいろあるものですが、わざわざ巨大なビルを利用した、インパクト絶大な10のアイデア広告をご紹介します。 インドの牛乳の広告 いきなりドキッとしてしまうこちらは、ムンバイのビルを利用した広告。空の色がぴったり合っている日に見かけようものなら、何事が起きているのか腰を抜かしそうです。 ミルクの消費を上げようと考えだされたアイデアで、子供が牛乳を飲むとこんなに強くなると言う演出です。 スポーツジムの広告 まだ建設中のビルと組み合わせています。筋肉ムキムキになれそう…。 完成するのが待ち遠しいどころか、逆に寂しくなる見事なアイデア。 自動車保険の広告 こんなことになった場合の保険と言うのを視覚に訴えているのでしょうが、映画のワンシーンのよ
技術をやソフトを除いてWebデザイン時に 個人的に役になってるなぁと思うものを あげてみます。これがあるから時間短縮 できたり、自分にとって満足できるデザイン に出来たり、無いと結構困る、といったモノ。 タイトルはシンプルにしましたが、内容は「センスの無い僕をWebデザイン時に助けてもらっているもの」です。 こういったものは人それぞれだと思います。あって当たり前、基本でしょwという方もいらっしゃると思うし、これが何の役に立つの?という方もいらっしゃると思いますので参考程度になさってください。 配色パターン 配色だけでデザインは良いものにも悪いものにもなると思っています。 カラーコードを覚えられないので良いと思う配色は必ずローカル環境にストックするようにしています。これを使って微調整をしたり、合うものが無ければオンラインのカラースキームジェネレーター等を使います。 配色は時間が掛かるのでサク
第1回 人々の心をつかむWebデザインにまつわる数字 「WEB Design Explorer」では、Webデザイナーやディレクター、またそれを目指す人へ向けてWebデザインに関する身近な話題から、世界のWebの最新事情まで、毎回さまざまなテーマでお送りする。第1回目のテーマは、人々の心をつかむWebデザインについて述べることにする。 (文=河内康和) ユーザーは待ってくれない! 4秒でユーザーは逃げる どれだけ美しいWebサイトをデザインしても、必ずしもユーザーの印象が良いというわけではない。繰り返し訪問してもらえるWebサイトは、瞬時にユーザーの心をつかみ、ユーザーを満足させる要素が含まれている。今回は、人々の心をつかむWebサイトを制作するためにぜひ頭に入れておきたい要素を具体的な数字を使っていくつか紹介しよう。 まず、ユーザーが最初にWebサイトに訪問する際、ローディングにあまりに
海外のWEBデザイナーのコミュニティ「Drawar」が、2009のWEBデザインの中から優れたデザインを選出した「Designs of the Year: 2009」を発表しています。 Maryland Institute College of Art 今年発表されたWEBデザインのなかから、15のWEBデザインが選出されています。今日はその中から気になったものをいくつか紹介したいと思います。 詳しくは以下 ■idsgn 黒、赤、白、と印象的なカラーリングで展開されるスッキリとしたシンプルなWEBデザイン ■Sid Lee タイポグラフィが非常に印象的なWEBデザイン。ナビゲーションもシンプルで直感的です。 ■Tennessee Vacation Trails サイト内に位置の要素を取り入れた、WEBサイト。かなり細かく作り込まれています。 上記以外にもいくつかのWEBデザインが公開されて
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。
見た瞬間思わず膝を叩きました。 ちょっと大袈裟かもしれませんが、 個人的にこの発想は配布されるような フォントには無かったので脊髄反射的に ご紹介いたします。 そのフリーフォントはPunched Outという名のフォントです。以下のような形をしています。 一見可視性も低く使いどころが無いように見えますが、このフォントは以下のように使います。 組み立てます。これは3Dフォントの設計図でプリントアウトして利用します。フォントでこの発想は面白いですね! 折れ線部分が太くなってしまいますがご愛嬌と言うことで・・この形に限ってはフォントに色づけして、印刷、組み立てて写真を撮ればPhotoshopで頑張らなくても素敵な3Dタイポグラフィーが出来そう。汎用性も高そうなフォントですし、こういうのもっと出て欲しいですね。 こういったクリエイティブで柔軟な発想が出来るようになりたいものです。 商用での利用は基
もうすぐあけましておめでとうございます。 お久しぶりです嶋田です。 普段使用しているintuos4のペンが壊れたときに 修理に時間が掛かるためbambooを購入したんですが、 intuos4のすばらしさを改めて実感しました。 描いている時の快適感が全く違う! 初心者はどちらでも良いのかもしれませんが プロの方にはintuos4をお勧めします。 さて ペンタブレットの話はしましたが 今回紹介するflashで描くイラストは ペンタブレットが無くてもOK 気が早いですが鏡餅のイラストを描いてみました。 使用したソフトはflashのみです。 簡単なべた塗りのイラストだと illustratorとflashで比較して大差ないですが、 グラデーションメッシュを使えないflashは リアルなイラストが苦手です。 それを補う為に アルファのかかったグラデーションを組み合わせてイラストを描きます。 コツとし
net tuts+で、Webデベロッパーのためのクールなテンプレートがたくさん紹介されています。 ざっといくつかご紹介。 Airmail! – Customizable Email Template カスタマイズできるクールなHTMLメールテンプレート。$12 Simpla Admin – Flexible & User Friendly Admin skin シンプルで綺麗なデザインのadminスキン。$17 CleanMail – Email Template Package – 5 Colors! シンプルなデザイン、5色展開のHTMLメールテンプレート。$12 WordPress Wiki Theme WordPressを、社内の情報共有に使えるナレッジアプリとして使えるようになるWikiテーマ。$32 Marketplace Community WordPress Theme n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く