Designに関するmiyamoyaのブックマーク (50)

  • [CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates

    PSDファイルもダウンロードできる、実用的なレイアウトが揃っているスタイルシートのテンプレートを配布しているサイト「Best Free Templates」を紹介します。 Best Free Templates, Free CSS templates ダウンロードできるテンプレートファイルは、2ページ分のレイアウトが揃っており、レイヤーが保持されたPSDファイルもあるため、テキスト画像の変更だけでなく、デザイン集としても役立ちそうです。 下記に、いくつかピックアップしました。

  • 無料でダウンロードできる洗練されたフリーフォントあれこれ

    有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。 各フォントの詳細は以下から。各フォントのライセンスについてもわかる範囲でメモしておきました。30 high-quality free fonts for professional designs | Design daily news ■その1:Miso 2006年にMarten Nettelbladt氏によって作成されたフォント。light・regular・boldの3種類のウェイトが揃っており、TrueTypeとOpenTypeの2種類が

    無料でダウンロードできる洗練されたフリーフォントあれこれ
  • ウェブデザインにおける効果的な背景の使い方

    Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ

  • デザインを魅力的なものにする、シンプルな10個のテクニック

    デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras

  • フリーの写真素材が見つかるサイト30選 – creamu

    About.comで、フリーの写真素材が見つかるサイトがまとまっています。 ざっといくつかご紹介。 » Mayang’s Free Textures 3400以上の高解像度のテクスチャ画像。1日に20ダウンロード制限あり » Mayang’s Free Textures 世界中で撮影された7000以上の美しい写真集。個人利用、非商用利用のみ無料 » Stockcache 数百のクオリティの高い写真集。ライセンスはCreative Commons Attribution License。著作権を明記すれば利用可 » Big Foto たくさんの自然の写真。個人利用で無料 » Free Images 2500以上のクオリティの高い写真集。たくさんのカテゴリーから選べる Looking for free images? Here are thirty sites where you can fi

  • ウェブデザインのクオリティをアップする7つのポイント | コリス

    ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。 充分なスペース

  • 「無料で使える画像素材が満載の20サイト!」という記事があったので本当に使えるものだけピックアップしてみた - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜

    ドットインストール代表のライフハックブログ

    「無料で使える画像素材が満載の20サイト!」という記事があったので本当に使えるものだけピックアップしてみた - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
  • ウジトモコ「視覚マーケティングのススメ」読了 - ネタフル

    随分と時間がかかってしまったのですが、献で頂いたウジトモコさんの「視覚マーケティングのススメ」を読み終わりました! ほら、この通り。 一言一句、逃さずじっくり読みました。 デザインの重要性というか、当たり前なんですけど、ちゃんと考えましょうね、当に大切ですよ、というウジさんのメッセージを受け取りました。 ぼくも常々、思っていたんですけど、ウェブサービスのベータ版をリリースするときでも、きちんとデザインされている/いないで全然、サービスに対する印象も違うと思うんですよね。 そのあたりアメリカのサイトはよくできているなー、といろいろなサービスを試しながら感じています(何度も書いていますが)。 「少ない投資」というのが、果たしてどのくらいを意味しているのか分からないのですが「見た目」というのはどうしても重要なので、プライオリティを高くして考えないといけません。 書ではデザインの重要性だけで

    ウジトモコ「視覚マーケティングのススメ」読了 - ネタフル
  • 「視覚マーケティングのススメ」が面白そうな予感 - ネタフル

    著者のウジトモコさんから「視覚マーケティングのススメ」を献で頂いています。ありがとうございます! 「書評はまだか」とプレッシャーのようなプレッシャーじゃないような何かをいただき、読むのが遅いぼくでもさすがに手に取らないとマズイかと思いはじめて、パラパとめくってみたのですが‥‥。 これ、面白いんじゃない? というのが第一印象です。 読むのが遅いなりに、 ・早く読めそうなそうでない ・面白そうなそうでない ・分かりやすそうなそうでない みたいなのをなんとなく嗅ぎ分けるのですが、これはヤバいぞ、きっと。分かりやすくて面白い上に、きっと早く読めそうな気がする。 積んだままにしやがって! とが怒っている気がする‥‥。 デザインをおろそかにしているということはなくても、結果的にそうなってしまっているということはよくあるのではないかと思うのですね。 例えばアメリカのウェブサービスは、ベー

    「視覚マーケティングのススメ」が面白そうな予感 - ネタフル
  • 平田大治「マーケティングとPRの実践ネット戦略」献本頂きました - ネタフル

    平田さん@dh memorandaが翻訳し、神原さん@minako’s blogが監修した「マーケティングとPRの実践ネット戦略」を献して頂きました。ありがとうございます。 実は前職は人数の少ない会社でして、営業から制作、コンサルまで一通りやってましたので、知識としてはもう古いですけど、中小企業のマーケティング・プロモーション支援としてSEOやSEMなども経験しています。 ウェブライティングみたいなことも見よう見まねでやってましたし、そういう経験や知識の延長線上にネタフルがあったりします。もともとブログに興味を持ったのも、SEO的な見地からのCMSとして、でした。 そうしていろいろなことをやっていた中に、プレスリリースの配信代行というものがありました。 新サービス(要するにニュース)の概要をヒアリングし、文章を起こし、マスコミなどに配信し、さらには掲載されたかどうか効果測定をする、という

    平田大治「マーケティングとPRの実践ネット戦略」献本頂きました - ネタフル