Webデザインのアイデアに困ったら覗きたいサイト10選
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1. MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2. 現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3. I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト
OKFocus
OKFocus is a design studio run by Ryder Ripps. Its latest project is Million Token Website. The company has been behind the branding of Soylent, 88Rising, VFiles and NUGGS. Clients include: Kanye West, Pusha T, Stone Island, Marc Jacobs, Travis Scott, Google, Annapurna Pictures, Diplo, Nike, Bruno Mars, The MET, Kenzo, Red Bull, M.I.A., FUCT, Mike Will Made It, Swae Lee, Snapchat, etc. Taking very
クライアントワークでよくお世話になっているjQueryプラグインいろいろ
私が仕事で Web制作をする時に、よく利用させてもらっている jQuery のプラグインをまとめてみました。ライセンスは MIT、GPL のものばかりです。デザイン、レイアウト的に汎用性のあるものになっています。また、IE 特有のバグ（透過PNGの黒ずみなど）対策についても少し触れてみました。 Webサイトを作る時に、何かとお世話になっている jQuery のプラグイン。HTML と CSS だけでは表現できないことも、Javascript を使うことでいろいろできるようになりますよね！インターネットを見ていると、本当にたくさんの jQuery のプラグインが公開されています。feed を読んでいても、1日一個くらいは新しい jQuery のプラグインに出会います。どれを使ったらいいか迷うくらい … 。 今回は、そんな数ある jQuery のプラグインの中から、 私がクライアントワーク（仕
「ウェブデザイナーは一生続けられる仕事ですか？」を、もう一度、根本から考える - DESIGNMAP
「ウェブデザイナーは一生続けられる仕事ですか？」という短いエントリーを、昨年（2010年12月）に書いた。このエントリーはこれはある場で、23歳の男性から質問されたのがきっかけで、かーっとなって書いたエントリーである。 この自分の書いたエントリーを読み返すと、ただ"勉強すればOK"という素朴な内容になっていて、恥ずかしい。Web技術は早いサイクルでどんどんかわってゆき陳腐化（一般化）する。だから、どうしても継続的に勉強は必要である。 どの分野をインプットするのかを考えることが、一番重要 でも、インプット（勉強）をいくら頑張っても、アウトプット（作品）がしょぼければ、もしくは習得した技術に競争力がなければ（もしくは需要がなければ）、評価（採用）されないし、良い条件で仕事をとることは難しい。 勉強といっても、受験勉強や資格試験と違い、どの分野をインプットするのかという判断を自分で決めないといけ
【レポート】デザインやアイデアの参考になる日本のFacebookページ 10タイトル (1) デザインの参考に! Facebookページ 5タイトル | ネット | マイコミジャーナル
Facebookにおいてブランドや企業、アーティストとファンとの接点になるFacebookページ(以前はファンページと呼ばれていた)。Webの公式サイトと同様に、Facebook内ではこのページで商品やサービスを紹介するなど「公式ページ」の機能を果たすこともあり、またお知らせやキャンペーン情報などを通してファンとのコミュニケーションを深めることもできる。 日本でもFacebookユーザーが増えてきたことで、デザインやコンテンツに工夫を凝らしたFacebookページが増えてきた。今回は、デザインやファンとのコミュニケーションの参考になるFacebookページ10タイトルを紹介しよう。 au by KDDI Facebookページ Flashで作成されたauロゴ。画像ではわかりにくいが、ファンのプロフィール画像で作られていて、これが次々と降ってくるイメージになっている。「NEW COLLECT
デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の１つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日本で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見
jQueryを使って実装する、かっこいいナビゲーションのまとめ | コリス
利用しやすいものから、利用シーンを選ぶものまで、jQueryを使って実装したナビゲーションを紹介します。
CSS3を使ったボタンを簡単に作成できるサイト「CSS3 Button Generator」 | ライフハッカー・ジャパン
「CSS3 Button Generator」は、CSS3を使ったボタンが、誰にでも簡単に作れちゃうサイトです。色や影やグラデーションをお好みに応じて設定できますよ。さらに、他のユーザが作ったボタンも閲覧可能です。コードもはき出してくれるので、コピペですぐに利用できます。 以下に使ってみた様子を載せておきます。 まずは、CSS3 Button Generatorにアクセスしましょう。 色などを設定します。テキストの影など細かい部分も調整できます。 右側に、コードが自動的に生成されるので、コピペして使いましょう。さらに「SAVE」すると、他のユーザと共有できます。 他のユーザが作ったボタンがずらり。いいなーと思うボタンがあれば、そのコードも取得できます。ボタン作成を考えている方は、是非お使いください。 CSS3 Button Generator [via delicious] （カメきち）
Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト - かちびと.net
題名の通りですが、これから Webデザインに手を出そう、 という方の為に日本語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。 Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（Photoshop代替ソフト）とInkscape（Illustrator代替ソフト）で様子見をしてみてはいかがでしょう。 使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1，2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。 プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトを
webデザイナーの色彩スキルを磨くエントリーまとめ
多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう？という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
Photoshop風のCSSグラデーションジェネレータ「Ultimate CSS Gradient Generator」 : 二十歳街道まっしぐら
「Ultimate CSS Gradient Generator」はPhotoshopっぽいインタフェースのCSSジェネレータです。 とても使いやすくて、綺麗なグラデーションを作成できますよ。 自分で色を指定することもできますが、標準でたくさんのグラデーションセットが用意されています。 グラデーションセンスが全然なくてお困りの方には嬉しいですね。 グラデーションセンスがある方も、簡単に利用できるのでついつい使っちゃいそう。 以下に使ってみた様子を載せておきます。 まず「Ultimate CSS Gradient Generator」にアクセスしましょう。 全体はこんな感じ。 左上にグラデーションセット一覧。その下に詳細の色設定。 右上がプレビューでその下が、CSSコードです。 使い方としては、まずグラデーションセット一覧からお好きなモノを選びます。 そして、プレビューを見ながら自分好みに色
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Web Design Resources - Freebiesbug
adharany.com
最近リリースされた高品質なフリーのデザインフォント -2011年11月
| ichitaso's back of flyer
http://e0166nt.com/blog-entry-848.html
http://e0166nt.com/blog-entry-817.html
Photoshop Vip » ウェブデザイン制作で使える、ダウンロードしておきたいPhotoshop用PSD素材50個まとめ
最近リリースされた高品質なフリーのデザインフォント -2010年10月