ブックマーク / www.ar-ch.org (7)

  • 丸みがかわいらしいシンプルフォント「Comfortaa」 #LOVEFONT

    #LOVEFONT企画16日目担当の kanako29 ですこんにちは。 LOVEFONTでは自分の愛するフォントについて熱く語ろうということで、今回私は、「Comfortaa」というフォントを紹介します。 Comfortaa について Comfortaa の作者は、aajohan さん。 こちらのフォントは、2008年に制作されたようです。 ライセンスは、SIL Open Font License で、商用無料で使用することができます。 ウェイトは、Light, Regular, Bold の3種類です。自分は太めの方がコロッとしてかわいいと思うので、Bold +「アンチエイリアス強く」で使用することが多いです。 Comfortaa の好きなところ 私が Comfortaa を好きなところは、クセが少なくシンプルでかわいらしいところです。 特に小文字が良いです。a, b, d, p, q

    丸みがかわいらしいシンプルフォント「Comfortaa」 #LOVEFONT
    fugufugu
    fugufugu 2012/12/17
  • テキストのメリハリをつける方法7つ

    私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 (メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています) (引用:Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9) 私の場合、メリハリをつけるのは以下7つの方法が多いです。

    テキストのメリハリをつける方法7つ
    fugufugu
    fugufugu 2012/11/27
  • レイアウトの基本的な型と、レイアウトからデザインまでの流れ

    Webサイトにおいて、レイアウトの基的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基的な型を知っておくと逸脱がしやすくなりますね。 レイアウトに影響を与える要因 レイアウトにはいくつかの型がありますが、まずその型を決定する前に、レイアウトに影響を与える要因を知っておく必要があります。これらの要因によって、レイアウトの型があらかじめ決まったり、レイアウトが大きく変わるからです。 情報階層の深さ →1ページのサイトなのか、第二階層以降ありグローバルナビゲーションが必要になるのか、など サイトの目的・属性 →そのサイトでは何を伝えたいのか。企業・ブランドのメッセージや情報、ユーザーに役立つ知識(Wikiped

    レイアウトの基本的な型と、レイアウトからデザインまでの流れ
    fugufugu
    fugufugu 2012/04/18
  • フォントの基本的な選び方

    フォントの基的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが…(あえてインパクトを出すために違う印象のフォントを組み合わせたりする)、基的な選び方として知っておくと良いと思います。) 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分

    フォントの基本的な選び方
    fugufugu
    fugufugu 2012/04/03
  • Webデザインの評価項目をつくる

    Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか? 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目(もっと企業の色を出したい、など)がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ

    Webデザインの評価項目をつくる
    fugufugu
    fugufugu 2012/03/12
  • Webサイトの「目的」と企業の「強み」とユーザーの「利益」とデザインについて

    Webサイトのデザインをデザイナーさんに頼んで、上がってきたデザインがすごく良いものと、あまり良くないものがあります。 その差はどこにあるんだろう?って考えたとき、その理由の1つとして、マーケティング視点でデザインを考えられているかどうか、ということに気がつきました。 ですので、今回の記事では、デザイナーにあると良い基的なマーケティングの視点をまとめてみました。マーケティングのことがほとんどわからないというデザイナーさん向けです(╹◡╹) 私が思う、デザイナーにあると良い基的なマーケティングの視点は、次の3つです。 Webサイトの「目的」がわかる 企業や商品の「強み」がわかる ユーザーの「利益」がわかる では1つずつ具体的にみていきます。 1. Webサイトの「目的」について Webサイトにはどういった目的があるのか Webサイトは、何らかの目的があってつくられています。 よくある目的

    Webサイトの「目的」と企業の「強み」とユーザーの「利益」とデザインについて
    fugufugu
    fugufugu 2012/03/05
  • デザイン上級者 21の特徴

    デザイン上級者は、中級者と初心者と何が違うんだろう?って思った時に、こちらのが役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』というです。このには、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。このを参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して気で取り組む度合いが高いため、上手な

    デザイン上級者 21の特徴
    fugufugu
    fugufugu 2012/02/21
  • 1