なぜデザイナーはボタンをあと3ピクセル左に寄せるべきなのか？
by Ugo Cristofori デザイナーにとってデザインのディテールは非常に気になるところですが、デザイナー以外には違いがあまり伝わらず「ボタンを3ピクセル動かすだけで製品が改良されるの？」と言われたりします。しかし、プロダクトデザイナーとしてGoogle Venturesで働いているBraden Kowitzさんは「それでもデザイナーは細部にこだわるべき」として、細部までこだわるべき理由と、他の人たちにそれをどう伝えるべきかのテクニックについて語っています。 Why you should move that button 3px to the left | Google Ventures http://www.gv.com/lib/design-details ◆デザインは外見のためだけに行うのではない by Bytemarks ・ディテールを適切にすると信頼感が増す 顧客がオンラ
WordPressを利用している良デザインな日本のサイトいろいろ
日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ！」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第２弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで
【レビュー】BOOK REVIEW - "情報をデザインする"のに必要な理論とテクニック | エンタープライズ | マイコミジャーナル
『WEBデザインメソッド-伝わるコンテンツのための理論と実践』 (発行: ワークスコーポレーション、ISBN: 978-4862670649) 『WEBデザインメソッド - 伝わるコンテンツのための理論と実践』は、ビジュアルデザイナーやライターとして活動している矢野りん氏の著書である。 一般に「ビジュアルデザイン」というと、華やかなイメージがついて回り、表層を彩るテクニックばかりが注目されがちだが、その裏には、作り手の"ねらい"や"目的"があり、それを形に変えるための"理論"がある。本書は、そのあたりの詳細をWebデザインの観点から解説している。 Webデザインに必要なのは、まずWebという媒体の特性を理解し、「情報デザイン」を行うこと。その上で、各種のテクニックを駆使してビジュアルデザインを行う。こうしたWebデザイン作業の"所作"を身につけるための基礎知識が本書には盛り込まれている。
作例（2）余白を活用するパターン - MdN Design Interactive
余白を活用したパターンは、タイルパターンのように全面に敷き詰める壁紙とは異なり、インパクトのある個性的な印象を作り出すことが可能だ。一枚の大きな画像で表現するので、コンテンツ領域との重なりを考慮してデザインしていく必要がある。ここでは、ロゴをワンポイントのアイテムとして配置する壁紙の作成方法を解説する。 （※画像処理は、Adobe Photoshop CS4を使用） 壁紙の素材を準備する まず最初に壁紙の素材を準備する。解説するサンプルは、「MdN Design Interactive」のTwitterページをデザインする想定で進めていく。MdN Design Interactiveのロゴとサイトで使用されているデザインパーツおよびアイコンを素材として用意した【1】【2】。 【1】 【2】 壁紙の大きさを決める 壁紙の大きさは、対象とするディスプレイの解像度にあわせて決定する。このサンプル
【Photoshop】ペンツールで浮かび上がる光を表現してみる | バシャログ。
人生の早い段階で英語をあきらめた私が、PSDTuts さんのチュートリアルをやってみました。 1.背景色を決める グラデーションツールを使って、こんな感じに背景を着色します。 2.背景に宇宙っぽいモヤをかける 新規レイヤーを追加し、描画色を白、背景色を黒に戻してから「フィルタ」→「描画」→「雲模様2」を実行。 さらに「フィルタ」→「スケッチ」→「クロム」をかけて、雲模様をぬらぬらした質感に変換します。 このレイヤーの描写モードをオーバーレイ/不透明度40％にします。 3.ペンツールの軌跡にブラシツールの勢いをプラス ペンツールで何も考えずに好みの曲線を書きます。 ペンツールからブラシツールへ変更し、ブラシの太さを選択します。 描写色は気にしなくても大丈夫。 ふたたびペンツールに持ち替えたら、新規レイヤーを追加して、先ほど書いたパスを右クリックします。 「境界線を描く」メニューを選択します。
ロゴデザインをする時に参考になるサイト60+ – creamu
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
IE6のバグや仕様の解決方法のまとめ -Ultimate IE6 Cheatsheet
IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。
【商用可】パブリックドメインやGPLのフリーフォント158個まとめ
商用可能なフリーフォントを158個＋α紹介します。フリーのフォントで常に話題になるのが著作権問題です。商用は不可だったり、ダウンロードしないと分からなかったり、著作者に聞かないと分からなかったり、色々と不安だと思うので、少しでも安心してビジネスでも使えるように、配布先にパブリックドメインやGPLライセンスと明記されているフォントのみをまとめました。全て商用利用が可能です。 今のところは158のフォントと、日本語で商用OKなフリーフォントは既出なので紹介記事へリンクしました。今後も追加できたら追加していきます。リンク先にはパブリックドメイン、GPL表記がありますが、全てをDLして確認した訳ではありませんので一応Readmeテキストが同梱されていたら目を通しておくと確実かもしれませんね。 記事を軽くする為に画像はgifにしました。キャプチャして縮小してるだけなので荒いですがご了承下さい。 商用
デザインＴシャツストア グラニフ - Design Tshirts Store graniph
人気スナックのデザイン＆キャラの魅力に迫る！「湖池屋」と「グラニフ」に宿るデザインに対するこだわりと共通点発見
ITCFonts.com
As of March 28, 2024, all fonts previously sold on Fonts.com are now available for purchase at MyFonts.com and through Monotype’s subscription service, Monotype Fonts, where applicable. Your customer history will be preserved on MyFonts or through a subscription on Monotype Fonts*. Whichever route you choose, both platforms offer flexible licensing options and convenient ways to access and use the
ロゴストック
section of your WordPress site. For example, you could include a style like this: Don't forget to put your content outside of this comment block (duh!). Although, it would probably be best to remove this whole dang thing before you go live (other- wise, this comment block will be outputted along with your content). ============================================================-->
200 OK
None of the range-specifier values in the Range request-header field overlap the current extent of the selected resource.
デザインに関するよいお言葉 : could
デザイン言葉 デザインに関するよいお言葉 以前、UXに関するよいお言葉という記事で、様々なデザイナーが残した UX に関する言葉を引用しました。今回はネット上で見つけたデザインに関する様々なメッセージを紹介します。 Edwin H. Land クリエイティビティに必要な側面のひとつに「失敗を恐れない」がある。 Saul Bass デザインとは考えを視覚化することである。 MetaDesign 深みのない美しさは、単なるデコレーションである。 Josef Albers デザインでは、1+1=3 になることがある。 Paul Rand すべてがデザイン。すべてが！ Frank Lloyd Wright 形態は機能に従うとは誤解である。形態と機能は一心同体で密接に繋がっている。 Steve Jobs デザインは見た目や感覚的なものだけではない。デザインとはいかに機能するかである。 Joel Sp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.teehanlax.com/blog/?p=945
印刷用CSSの書き方（基本編）：ADP
Top 100 | dafont.com
STC :: fontBROWSER ::
あの企業のロゴに使用されているようなフォント集 | コリス