[B! webdesign][web制作] sommertagのブックマーク

バナーデザインの参考になるサイト9選

限られたスペースの中でターゲットに訴求しなければならない「バナー」のデザイン。「つい似たようなデザインばかり作ってしまう」「いまいち広告としての訴求力がない仕上がりになる…」など、バナー制作に悩むWebデザイナーの方もいるはず。今回は、そんなときにデザインの参考にしたいバナーまとめサイトをご紹介します。＜この記事に関連する記事＞クリックしたくなるバナーを作るためのコツまとめ Webデザイナーに求められるスキルレベルは？未経験でも最低限必要なのは？ Webデザイナーは副業にできる？案件獲得の方法も解説バナーデザインの参考になるサイト9選 Retrobanner http://retrobanner.net/ 7000種類以上（2017年3月現在）の広告バナーを集めて一覧表示しているサイト。サイズ、色、業種、テイスト（シンプル、かわいい、など）でカテゴリ分けできるので、制作するバナーのデ

sommertag 2016/02/01

リンク

Webデザインに使えそうなポリゴン画像が作れるジェネレータ「Flat Surface Shader」 : 二十歳街道まっしぐら

Flat Surface Shaderはポリゴンな画像を生成できるサイトです。サイトにアクセスすると、ポリゴンがグリグリ動いています。 WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。以下に使ってみた様子を載せておきます。まず「Flat Surface Shader」にアクセスしましょう。右側にメニューがあり、色やポリゴンの形を細かく調整できます。グリグリ動いているポリゴンがリアルタイムに変化しますよ。お好みのポリゴンができあがったら、「Export」することでJPGに出力できます。画像のサイズも選べるので便利！出力するとこんな感じになりま

sommertag 2014/05/17

リンク

Fixed固定ナビゲーションを設置するときに気をつけたい4つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

ライター内藤です。花粉、そして1pxと闘っているWebコーダーでもあります。最近、立て続けに「上部固定グローバルナビゲーション」を使ったWebサイト構築に2件ほど携わりました。1件はWordPress、もう1件は手打ちの静的サイトです。改めて思ったのは「固定ナビゲーションには落とし穴がある」ということでした。そこで、固定ナビゲーション設置に際して、私が個人的に体験した「落とし穴」と、その解決のためにやってみたことを4つほどご紹介したいと思います。必ずしもこれが正解というわけではありませんが、同じようなことがあったときのお役に立てば幸いです。 …と、その前に。そもそも固定ナビゲーションとは何モノか、下図をご覧ください。例としてFacebookを挙げてみました。上部に固定された青いバーの部分は、スクロールしても常に上部に固定されて消えません。このようなナビゲーションは、一般的に下記の

sommertag 2014/03/26

リンク

ブックマークレット10選

こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。「ブックマークレットってなんだろう？」な方に説明をしておくと、ブックマークレット通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん

sommertag 2014/02/28

リンク

余白の取り方が美しい、シンプルで素敵な国内ブログデザイン10 | tipsBear

シンプルかつ記事が読みやすい素敵な国内ブログデザインを10サイト、主観で紹介させて頂きます。可愛いデザインのブログをお探しの方はこちらの記事へどうぞ。ブログのデザインって作ってみると思っているよりバランスをとるのが難しくて苦戦します。下記のサイトは記事内に画像が無くテキストオンリーでも余白の取り方が美しくて読みやすかったり、装飾の使い方が絶妙だったりと、ブログのデザインを作る上でとても参考になりますので是非目を通してください。アインシュタインの電話番号本の目次のようなトップページは一覧性が高くて見やすく、記事内も余白がしっかりとられていて読みやすいです。アクセスの度に変わる配色は統一感があってとても綺麗。