タグ

tipsに関するhasudakenichiのブックマーク (2)

  • 目を引くビジュアルを作るための10の法則

    サイトや広告などで人の興味を引くビジュアルとはどのようなものでしょうか? Facebookのデザインマネージャー、Caitlin Winner氏が提案する、目を引く画像や写真を作るための10の法則をご紹介します。 1.三分割法を用いる 最も注目させたい部分を中心から避けると、画像はより目を引きます。 私たちは注目させたい部分を無意識的に中心に置きたがりますが、そうしない方が目を引きます。ただ、人の顔だけは例外です。顔はフレーム内のどの部分にあっても目を引くもので、大きければ大きいほど効果的です。 2.縮尺に対比を持たせる すべてが小さい、あるいは大きいよりも、小さいものと大きいものの対比の方が目を引きます。 3.背景を引き立たせるために前方に物を入れる 上記と同様に、遠くの景色に注目させたい場合は敢えて前方に物を入れると対比ができます。 4.光を照らす 結局のところ、人が目にしやすいのは光

    目を引くビジュアルを作るための10の法則
  • まだTinyPNGで消耗してるの?「pngquant」+「Automator」で画像圧縮にかける時間を限りなくゼロにしよう! - HOME'S Designer's Blog | ホームズ デザイナーズ ブログ

    2015-06-11 まだTinyPNGで消耗してるの?「pngquant」+「Automator」で画像圧縮にかける時間を限りなくゼロにしよう! こんにちは。社内で最もカタチから入るWebデザイナー、アズマです。 最近は会社にコーヒーミルを持ち込んで手挽きコーヒーを淹れていますが、味の違いは完全にわかりません。意味ない。皆さん、デザインしてますか? デザインはとても楽しいですね。 書き出したPNG画像を圧縮している時間を除けば。 画像圧縮にかける時間を圧縮したい! ブラウザやアプリで表示する速さを少しでも上げてサービスの価値を高めるためには、 デザインしたファイルからPNGファイルを書き出すときに 圧縮して軽量化する必要がありますね。 圧縮率の高さとパンダのキモさに定評のあるTinyPNGなどのWebサービスを使っている方も多いのではないでしょうか。 ……が、しかし、この作業

    まだTinyPNGで消耗してるの?「pngquant」+「Automator」で画像圧縮にかける時間を限りなくゼロにしよう! - HOME'S Designer's Blog | ホームズ デザイナーズ ブログ
  • 1