URAGAWAは、国内トップクラスの制作プロダクション、事業会社のクリエイティブが「どの企業が作ったのか」も含めてわかるWEBデザインギャラリー、参考サイト集です。
URAGAWA｜クリエイティブの裏側データベース by MOREWORKS
URAGAWAは、国内トップクラスの制作プロダクション、事業会社のクリエイティブが「どの企業が作ったのか」も含めてわかるWEBデザインギャラリー、参考サイト集です。
ポータルサイトのデザインリニューアル案件で気をつけたこと＆使える心理学 - Design Color
色を使いすぎない 以前に書いた「ポータルサイトのデザインをする時に意識したこと5つ」という記事でも触れましたが、今回も特に気をつけました。 ポータルサイトは一画面に表示される情報が多いです。文字はもちろん、画像の量が多くなります。サイトによってはバナー広告もあるので、それらの色に加えて、サイト自体の色もカラフルだと、目が疲れてしまいます。 そのため、色数を極力おさえることでサムネイル画像やタイトルに注目が集まるよう心がけました。そうすることで、ユーザーは情報を探しやすくなり、記事を読む事に集中できます。 逆に、色がゴチャゴチャしてどこを見たらいいのかわからない状態になると、ユーザーの離脱を招くことにもなるため注意が必要です。 選択肢は4つ程度にとどめる 今回のリニューアルにあたり、ポータルサイト内の選択肢を極力4つ程度にとどめる工夫をしました。その理由についてはふたつの心理学が関係していま
面白いアイデアがたくさん！クリエイティブなウェブサイトのまとめ
PLAID 複数のコンテンツを重ねた全体のレイアウトも面白いですが、それぞれにちょっとしたスクロールのエフェクトが組み込まれているのも楽しい演出です。 各コンテンツの左上のメニューが地味に便利。 Nedd よくある普通のフラットなスタイルに見えますが、各コンテンツをクリックするとダイナミックなエフェクトがかっこいいです。1ページなのに、コンテンツがたくさんある不思議なサイト。
サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］ 生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
無料で商用利用可能な背景画像を提供する「背景倉庫」
「使用に当たっての制限や、報告の義務などは一切ありません。個人使用・商業目的使用への制限もありません」「かんばって描いたけど、もう自分には使う当てがないかもしれない、よければ誰かに使ってほしい、汎用性の高そうな背景を扱うサイトです」ということで、いろいろな背景画像を提供しているのが「背景倉庫」です。 背景倉庫 http://da-yama.secret.jp/index.html 各種背景画像はZIPファイルとなっており、中に入っている画像は以下の形式になっています。 ・グレースケール ・600dpi ・PSDファイル 各種画像は現時点では以下のような感じになっています。 ◆建物 ◆遠景 ◆乗り物 ◆マンガパーツ なお、「もし、みなさんのなかに、かんばって描いたけど、使うあてがなく、著作権も問わない、だけど汎用性の高いと思われる背景がありましたら、ぜひこのサイトで公開させてください」とのこ
[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary
私は、職業柄（？）プログラマー・SEの方などに「これからWebデザインもやりたいけど、どうすればいいか」と相談されることがあります。 そういう時、私はまず「優れたデザインのサイトを見て、それをスケッチする」ことを薦めています。 たった1度やって頂くだけでも、明らかにデザインに対する見る目が変わるのでお勧めです。 なぜスケッチが必要か？ 多くのPCスクールやWebスクールでは、Photoshop などの「ソフトの使い方」を中心に教えているようですが、それだけだとWebサイトをデザインするのは難しいと思います。 なぜなら、Photoshop などのソフトは「頭の中にあるもの」を制作することはできますが、「頭の中にないもの」を制作することは難しいからです。 デザインは、ソフトが自動的にやってくれるものではありません。 自分の力で1から作る必要があるのです。 そのために、「良いデザイン」とされてい
![[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab5cbd3dd1186ff326b5535187635828fcee5c0/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F8c4a9bf2a4c1d3459b7f3b5db1bf2eb5-500x304-1.png%3Ffit%3D500%252C304%26ssl%3D1)
【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選
こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。
北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた - バンクーバーのWEB屋
他人のブックマークって気になりませんか？特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので（独断と偏見で）ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道？Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの
まるでフルFlashなjavascriptを使用したWebサイト集めてみました[日本編]
Posted: 2011.05.19 / Category: WebDesign / Tag: デザイン参考 最近はjavascriptで表現できることが増え、前まではFlashでしかできなかった効果もできるようになりましたね。 ということで、マウスオーバーや画面遷移でアニメーションしてるとか、ちょっと変わったレイアウトをjavascriptやっているサイトを集めてみました。
![まるでフルFlashなjavascriptを使用したWebサイト集めてみました[日本編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2af3fd7a8f5f909f22826d83073f10812b6f854a/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2011%2F05%2F110519_s.jpg){kind=tracking}
パララックスを活用した一見の価値ありなサイト２１:phpspot開発日誌
21 Examples of Parallax Scrolling in Web Design | Inspiration パララックスを活用した一見の価値ありなサイト２１。 パララックスは視差という意味ですが、マウスとかスクロールの位置によって、背景などが立体的に見えるというものです。 どれもうまい具合作られていて、みるだけでも勉強になります。 普通につくると、当たり前のように平面ですが、立体的にすることでインパクトを上げて覚えてもらいやすくなったり、よりプロダクトなどを魅力的にみせることができるのかも。 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 奥行きをうまく使ったサイトデザイン集３０ 次のサービスに使えるかもしれないロゴデザイン集２２ なんとなく和むイラストベースのWEBデザイン集60 黒ベースのクールなWEBサイトデザイン集
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Face à Face - Salon de coiffure à Lausanne
html5-memo.com
IDEA * IDEA
layer8.sh
転職・退職代行マガジン -
WEBデザインが素敵なサイト教えろ：キニ速
WebサイトのUIのプロだけどサイトの評価するよ : はれぞう