「紙っぽいデザイン」の特徴を盗め！イベントポスターから学ぶ、紙っぽいデザインの特徴。 | Quoitworks blog

2014/08/11 805 users Quoitworks blog イベントポスター 特徴 視線

webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のよ... 続きを読む

たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） | Design Color

2014/06/09 664 users Design Color サンプル 小技 スマホサイト 1行

もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わ... 続きを読む

PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］

2011/07/25 618 users PNG 透過PNG gif ガラケー 手法

この記事は 約 3 分 で読めます。みなさん、Web用の画像の書き出しって最近どう使い分けしていますか？？ 私がWebデザインをはじめたころはIE6が全盛期だったこともあり、 あまり透過PNGを使うという選択肢がなかったのですが、 jsなどでコーディング時に対応できる手法が出てきた頃から透過PNGを多用するようになりました。 また、昔は一部のガラケーでGIFに対応していなかったり、 PNGに対応し... 続きを読む