タグ

ブックマーク / happy-temple.hatenablog.com (2)

  • 色でお困りの方へ - エンジニアのための「っぽい」デザイン術

    初めまして。都内のIT企業でデザイナーとして働いている者です。 普段は主にアプリやウェブのデザインをしています。 あだ名は「オープン&シェア」「闇属性」「歩くリスク」などがあります。 このブログ初めたきっかけとしては、 ・なんとなくニーズがあるような気がした ・なんとなくブログが書きたい ・そこにパソコンがあったから という感じです。 そしてこのブログの目的は ・一人でサービスをつくっちゃうエンジニアさんのデザイン手助け です。 もちろんエンジニアさん以外の方にも、なんとなくイケて見える資料を作りたいとか そういう目的で読んでいただけると嬉しいです。 前置きが長くなりましたが、最初にまず色でお困りの方向けの記事を 書いて行こうと思います。 まずカラーの割合なんですが、こんな割合にしといたら良いと思います。 4、5色で色鮮やかなサイトを作るのは危険なのでやめときましょう。 「ここは違う機能な

    色でお困りの方へ - エンジニアのための「っぽい」デザイン術
  • テキストの扱いに困っている方へ - エンジニアのための「っぽい」デザイン術

    不眠症なのでもう一記事。 今回は ・記事タイトル ・見出し文章 ・投稿日時 ・コメント数 ・お気に入り数 というよく一緒に扱うテキストの整理の仕方について書いて行きます。 写真素材は暗黙のフリー素材と化して10年の地元の友達です。 さて、まず困っている方のデザインを再現してみました。 かなり見づらいですね。 なぜ見づらいのかというと、主に2点 ・文字の太さ(font-weight)が均一 ・隙間(padding)が少ない これを解決するには、 まずこの赤枠分くらいのpaddingとってみてください。 これだけで大分見え方変わると思います。 次にタイトル以外の文字のfont-weightを細くしてみてください。 お〜変わってきましたね。 続けて、これは個人の好みによりけりなのですが最近私や社会は 割とh1要素であっても細いfontを当てたりするので タイトルとその他要素のfont-weigh

    テキストの扱いに困っている方へ - エンジニアのための「っぽい」デザイン術
  • 1