スマホ向けWEBサイトデザイン集 AGT smartphone design galleryは、クオリティの高い、スマートフォン対応Webサイトを集めたギャラリーサイトです。
2010年にも参考にできそうなCSSベースのWEBデザイン集。 Nettutsにて「35 CSS-based Layouts that Look Awesome」ということでCSSベースのデザインがまとまっていたのですが、秀逸なものが多かったのでご紹介。 次のデザインを作る際には是非、マネて一歩レベルアップをはかりたい、というようなレイアウトがいっぱいです。 本当にそれぞれ素晴らしいですね。 リンク先は以下のエントリを参照してください。 35 CSS-based Layouts that Look Awesome - Nettuts
60 Excellent Examples of Illustration in Web Design | Inspiration なんとなく和むイラストベースのWEBデザイン集が60サイトほどまとまったエントリのご紹介です。 イラストがうまい感じにWEBデザインに当てはめられており、イラストベースのサイト作りの際の参考に出来そう あえて探そうとするとなかなか無かったりするものですが、まとまっていると便利ですね。 関連エントリ 斬新なコメントフォームデザイン集 ビンテージ感が素晴らしいサイトデザイン集 デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 黒ベースのクールなWEBサイトデザイン集
30 Delicious Food and Drink Website Designs | CreativeFan 食べ物やドリンクが食欲をそそるWEBデザイン集30。 食べ物屋さんなどのサイトを作る際に参考にできそうです。 Fundo Los Paltos C&C Coffee O’Reilly’s Pub Woki Tokee McDonald’s Wholesome Bakery 全部見る こういうのは写真がメインだったりしそうですが、写真とうまくデザインを組み合わせる部分で特に参考になりそうです。 関連エントリ クリエイティブなデザインのCSSサイト27 イカしたデザインのプログレスバーをCSS3で作成する例 黒ベースのクールなデザインいろいろ シンプルだけど、クールなデザインサイト集
TOP > WebDesign > シンプルで美しいWEBデザイン集「50 Beautiful Clean and Simple Web Designs」 シンプルなデザインほど、ごまかしがきかず、スペースの空き具合や、フォントの選び方等、様々なバランスが目立ってきて難しい場合が多いですが、今回紹介するのはバランスのとれたシンプルで美しいWEBデザイン集「50 Beautiful Clean and Simple Web Designs」です。 SOFA シンプルで無駄のWEBデザインが多数集められています。今回はその中からいくつか気になったページをピックアップして紹介したいと思います。 詳しくは以下 ■Mark Boulton Design タイポグラフィが際立つ、シンプルながらもインパクトのあるWEBデザイン。 ■Mark Boulton Design シンプルながらもしっかり
35 Beautiful Web Designs Inspired by Nature | Vandelay Design Blog 自然を取り入れた美しいWEBデザイン集がまとまっていましたのでご紹介。 PCのディスプレイを覗いていても、自然を感じると癒しがあるように思います。そんなWEBデザインが色々。 アイデアなんかもいいですね。 関連エントリ 斬新なコメントフォームデザイン集 なんとなく和むイラストベースのWEBデザイン集60 黒ベースのクールなWEBサイトデザイン集 デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集
ミニマルなデザインを参考にしたい。 そんなときにおすすめなのが、『25 Beautiful Minimalistic Website Designs – Part 4』。ミニマルなWebデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはJaboh。 Erwin Bauer Wevio Big S Web Design Jordan Moore Design その他のリストは以下から。 » 25 Beautiful Minimalistic Website Designs – Part 4 ミニマルなWebデザイン集、チェックしてデザインの参考にしてみてはいかがだろうか。 「DTP WORLD」を購入。今月もいい感じだ。 DTP WORLD 2008年10月号
med242024, Medioimages/Photodisc/ Photodisc/ Thinkstock タイポグラフィーの綺麗なデザインが好きだ。 そんなあなたにおすすめなのが、『A Showcase of Beautiful Typography in Web Design』。タイポグラフィーの美しいWebデザイン集です。 かっこいいサイトが揃っているので、いくつかご紹介します。 Stackoverflow Dev Days ボールドでサイズの大きいタイポグラフィーと、斬新なレイアウトのStackOverflow We Are Academy サイト名を切り崩してレイアウトしたAcademy Benny Roth 全面黄色の背景の中、白のタイポグラフィーでデザインしたbennyroth twentyten Elysium Burns 彩度を落とした黄色と背景色とのバランスが綺麗な
50 Insanely Good Vector-based Web Designs - VECTORTUTS ベクターベースのダイナミックWEBデザイン集。 次のようなダイナミックなデザインが特集されていて、ちょっと迫力のあるサイトを作ってみようという方にはよい見本になりそうです。 Mirasim Next2Friends Toucouleur Navigant Consulting George Lazaros 全部見る 数年前にこんなサイトが1つでもあったら話題を集めていそうですが、今ではこういうサイトを見つけるのは難しくなくなってしまいましたね。 デザインで注目を集めるサイトを作るのはますます難しくなっているような気がします。 関連エントリ 2008年のCSSベストデザインサイト集 サイトデザインをオシャレにする背景画像パターン集 ウェブデザイン用超便利ツール集 Web2.0デザイン
このサイトはmezza9のスマートフォン用ニュースサイトです。 外出先などでニュースや情報を手軽にチェックできるように各カテゴリのニュース・情報を案内しているサイトです。 「ニュース カテゴリ」では、カテゴリ毎の最新情報、「まとめニュース」は「ニュース カテゴリ」の中からピックアップした情報、「おすすめサイト」はスマートフォンなどで利用できるサイトを紹介しています。 他にも「Google」や「Amazon」の検索バー、WEBデザイン、動画、キャッチコピーなどのまとめサイトを紹介しているので、あわせてご利用下さい。 運用サイトのご質問、リンク切れなどがありましたらメールよりご連絡ください。 キャッチコピー集めました。
30 Inspiring Dark and Sleek Web Designs 黒ベースのダークでクールなWEBデザイン集がまとまっていましたので一部ご紹介。 黒ベースは目に優しいですし、なんとなくカッコいい感じが出せるのですが、個人的に、黒の印象が強くてなかなかデザインは難しい印象があります。 こうしたデザインを参考にすることでうまくデザインできそう。 Tapbots Lisa Moseley Futurefabric coda.coza 全部見る 関連エントリ デザインのインスピレーションを受けるために便利なサイト集 韓国のすごいデザインサイト集 グラデーションをうまく使って立体感を出したサイトデザイン集
テクスチャを効果的に使った、素晴らしいWEBデザイン集「40 Excellent Examples of Texture in Web Design」 WEBデザインをつくり込む時に、非常に便利なテクスチャ。細かな作り込み感を演出し、クオリティを上げてくれますが、今日紹介するのはテクスチャを効果的に使った、素晴らしいWEBデザイン集「40 Excellent Examples of Texture in Web Design」 August Interactive 様々なジャンルで、テクスチャを効果的につかったWEBデザインがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Big Related シンプルで洗練されたWEBデザインにレトロな質感のテクスチャが見事にはまったWEBデザイン。 ■Ryan Scherf 様々なテクスチャが複合的
TOP > WebDesign > CSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」 対応ブラウザも徐々に増えてきて、ますます注目を集めるCSS3。様々な可能性を持っています。CSS3独自の機能も多く、その分様々な利用方法が日々考えられ、デモが作成されていますが、今回はCSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」というエントリーを紹介したいと思います。 Look Ma, No Flash! 上記の他にも様々なCSS3を利用したクリエイティブなWEBサイトが構築されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Pure CSS3 Page Flip E
TOP > WebDesign > ワンページにすべてをおさめるWEBデザイン集「41 Sleek Single Page Websites」 国内で一般的なWEBページの構造を思い浮かべるとしたら皆さんはどんなものを思い浮かべるでしょうか?スタンダードな例として、ページが複数ページがあってそれをグローバルナビゲーションでまとめているといった作りがあります。今日紹介する「41 Sleek Single Page Websites」は先ほどあげたスタンダードな例ではなくて、すべてのコンテンツを1枚のページに集約したWEBの構成をとっているWEBページを集めたエントリーです。 Pictureghjk 8 まとめているからと言って、コンテンツが充実していないという訳ではなく、機能的には問題ない形で1ページに落とし込んでいます。今回はいくつか収録されているもののなかから気になったものをいく
ダークカラーのサイトを作りたい。 そんなときに参考になるのが、『50 Beautifully Dark Web Designs』。ダークカラーの美しいWebデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはStarbucks Coffee At Home。 Ordered List Riffs Music Academy Twelve Restaurant & Lounge Bar Level9 Design Rabotilnica その他のリストは以下から。 » 50 Beautifully Dark Web Designs ダークカラーの美しいWebデザイン、チェックして参考にしてみてはいかがだろうか。 学校に通い始めた。先生も生徒も個性的な人ばかりでこれから楽しそうだ。1回目の授業からすごく勉強になった。
TOP > Design > グリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」 グリッドラインを活かしレイアウトされたwebデザイン、すでに定番の形となりさまざまなシーンで展開されていますが、そんな中今回はグリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」を紹介したいと思います。 TasteSpotting | a community driven visual potluck 定番のものから、デザイン性を重視しさらに個性を強調したタイプなど、同じグリッドレイアウトの中でにいろんなタイプのデザインが紹介されています。気になったサイトを以下にまとめてみました。 ■MCQ アンティークさが漂うデザイン。グリッドが活かされて
シンプルなデザインが好きだ。 そんなあなたにおすすめなのが、『35+ Websites with Minimal Color Schemes』。無彩色が中心のミニマルなWebデザイン集だ。 無彩色(白・黒・グレー)の中に、ポイントとして色が使われているのもあって面白い。 以下にいくつかご紹介。 ↑のキャプチャはMaqina。 Chama Inc Jon Tangerine Silent Engine Lushpad その他のリストは以下から。 » 35+ Websites with Minimal Color Schemes 無彩色が中心のミニマルなWebデザイン集、チェックしてデザインの参考にしてみてはいかがだろうか。 Badboyが快適すぎる。今日はいい天気ですねがんばりましょー!
毎日数えきれない程多くのwebサイトが世界中でオープンしていますが、そんな中で個性を発揮できるのがデザインとクリエイティビティを兼ね備えたwebサイト。今回紹介するのは、クリエイティブなwebデザインを集めた「35 Best Website Designs」です。 (Reklameskilte er yt. Glasfiber-ko med logo – synlig reklame-gimmick) シンプルで洗練されたデザインから、つい見入ってしまうような芸術的なデザインまで、さまざまなwebサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Universo – Crie o seu イラストや写真・カラーの選び方まで、レトロテイストにこだわったwebデザインです。メニューボタンなどパーツの可愛らしさにも注目です。
TOP > WebDesign > クリエイティブでユニークなWEBデザイン集「25 Websites with Creative and Unique Layouts」 WEBデザインは国によって大きくその標準となるレイアウトが違いますが、日本国内の企業や個人のWEBを見る限り同じような定番的な作りというものがあったりします。定番も悪い事ではなく、行き着いた先に生まれたものなので、良いところもありますが、今日紹介するのはちょっと変わった実験的なWEBレイアウトを集めたエントリー「25 Websites with Creative and Unique Layouts」を紹介したいと思います。 Lucas Hirata 全部で25個のWEBサイトが公開されていて、どれもクリエイティブでアイデアにあふれています。今日はその中からいくつか気になったWEBデザインをピックアップして紹介し
凄い。 こういうの見てるだけでなんだかわくわくしちゃいますよね。特に手書きでしか伝わってこない美しさがあります。 ※2011/10/21現在のキャプチャーなので変更がある可能性はあります。
ECサイトからプロダクトランディングページまで物を売るためには様々なページが必要ですが、その中から決済画面、プライスページ、プロダクトページ、ストアページと大きくカテゴライズしてデザインを収集している、物を売るために参考になるWEBデザイン集を今回紹介したいと思います。 それぞれのカテゴリに特化して、デザインが集められており、スクリーンショットもフッターまでで取得しているため、サイト上でも全てを参照することが可能です。 詳しくは以下 カテゴリー内で上記のように大きくサイトを次々と見ていくことも可能ですが、カードタイプのレイアウトにして一覧でデザインを見ていく事も可能です。 Checkout Pages 海外のデザインが中心となりますが、かなりの数のデザインが集められています。珍しいカテゴライズですが、ECサイトやサービスサイトを作りたいという方は見たい部分が集約されているのでかなり重宝する
TOP > Design , WebDesign > 青を基調としたwebデザイン集「Color Theory in Web Design : Blue Color Scheme」 webデザインをする時に必要なテーマカラー。色によって印象がそれぞれ違ってきますが、今回紹介するのは青を基調としたwebデザイン集「Color Theory in Web Design : Blue Color Scheme」です。 (established1986) 青といっても、さまざまなトーンの青色があり、色見によって雰囲気やデザインテイストにもバリエーションがあるということを改めて実感することができます。中でもいくつか気になったものをピックアップしました。 詳しくは以下 ■「Doorstep Dairy | Milk, cheese and bakery products delivered t
TOP > WebDesign > グリーンを基調にしたwebデザイン集「20 Creative Web Design in green Color」 webページを作る際には、コンセプトカラーを決めデザイン制作をするということも多いのではないでしょうか?そんな時は、カラーの特徴を押さえたデザインを参考にしたいもの。そこで今回は、さまざまなイメージカラーの中から、グリーンを基調にしたwebデザインをピックアップした「20 Creative Web Design in green Color」を紹介したいと思います。 (Entrepreneur & Startup Expert Q&A, Resources and News | Sprouter) グリーンを使用することで、エコなイメージや爽やかさを感じられるwebサイトが多数紹介されています。中でも気になったものをいくつかピックア
49 Professional and Innovative Websites | inspiredology.com 参照先でウイルスが発見されたため、リンクを停止しました→詳細 As you browse through the endless pit that we call the web, you will come across websites that leave you speechless and then some that just might make your eyes hurt. クールなプロフェッショナルWEBデザイン集。 ユニークなデザインが多いので、参考にできそうですね。 続きを見る
TOP > Design , WebDesign > 海外の教育分野での魅力的なwebデザイン集「30 Exellent Web Design of Education Niche」 近年、日本の大学や専門学校は生徒を減少に伴い、様々なプロモーション活動が行われています。そんな中でインターネットが普及した今、学校の第二の玄関口として卓越されたwebサイトが求められています。そこで今回紹介するのは、海外の教育分野での魅力的なwebデザイン集30選「30 Exellent Web Design of Education Niche」です。 (Body Arts Laboratory) 今では多くのサイトが取り入れている、SNSに対応しているwebサイトも数多く紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■IADE 美術
web制作をする際に、既存サイトのレイアウトやデザイン感などを参考にすることは、とても多いかと思います。そんなシーンにアイデアソースとして役立てたい、クリエイティブ性の高いwebサイトを集めた「20 Creative Web Designs」を今回は紹介します。 (SWE Reklambyrå – Start) デザインはもちろん、ユニークな演出でユーザーを楽しませてくれるwebサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Days with my Father 父親と過ごした日々を綴ったフォトダイアリーブックのwebサイト。実際のダイアリーを写真付きで読むことができます。スクロールすると、フレーム内に次々と過去のダイアリーが表示されるwebサイトの構成にも注目したいところ。ブログ等の演出に効果的に利用できそう
Webデザイン初心者にもお薦め!TumblrとChrome & FirefoxでWebデザイン集を作ろう 2度目の投稿になります。 アメコミ好きデザイナーのジャッキーです。 暖かい日が続き、春の訪れを感じますね。 夏もすぐに迫ってくることでしょう。 そうなると腹の下?のポニョをなんとかしないといけません。 ポニョ、間食、好きー! ┐(´д`)┌ さて、ここから本題です。 デザイナーの皆様は、参考サイトやお気に入りのサイトはどのようにストックしていますか? ブックマーク?スクリーンショット若しくはWebクリップしてEvernote?Pocketに入れる?はてブに保存? 私も様々な方法を試してきましたが、最終的に辿り着いたのが「Tumblr(タンブラー)」です。 目次 Tumblrとは なぜTumblrなのか Webデザインを学んでいる初心者や独学の人にもお薦め まずはTumblrのアカウント
美しいECサイトのWebデザインまとめ。 色々なジャンルのショッピングサイトのデザインが掲載されている。 特に今必要では無いと言う人も覚えておくといいかもしれない。 美しいショッピングサイトのWebデザイン 35 Beautiful Ecommerce Websites | AcrisDesign 現時点2011/10/26でのキャプチャーの為、デザインは変更されている可能性があります。 美しいショッピングサイトのWebデザイン 35 Beautiful Ecommerce Websites | AcrisDesign 2011/10/26(水) 10:00:36| WEBデザイン | トラックバック:0 | コメント:0
TOP > WebDesign > 手書きフォントを利用したwebデザイン集「Tips in Using Handwriting Fonts for Stunning Web Designs」 手書き感のあるデザインは人間的な温かみが感じられ、ユーザーに安心感を与えたいデザインなどに良く利用されています。そんな中今回紹介するのは、手書きフォントを利用したwebデザインばかりを集めた「Tips in Using Handwriting Fonts for Stunning Web Designs」です。 (christiansparrow) 可愛らしい・シンプル、さまざまなテイストの手書きフォントが印象的なwebサイトばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■mariagrossmann 好きなことを書き
TOP > WebDesign > ダークな印象のwebデザイン集「35 Creative Dark Web Designs for Inspiration」 カラーの使い方がユーザーに与える印象を大きく左右するwebデザイン。そんな中今回紹介するのは、ダーク色を基調にしたwebデザイン集「35 Creative Dark Web Designs for Inspiration」です。 (Soranji…All Beauty is Lost) ダーク色を用いることで画像やテキストを効果的に見せているwebサイトが、多数紹介されています。中でも特に気になったwebサイトをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■unaghii / Otherwise known as Victor Abadio マウスオーバーした部分だけが明るく見えるデザインとなって
TOP > WebDesign > 効果的にテクスチャを利用したwebデザイン集「12 Tips of Using Textures in Web Design」 単色ではシンプルになりすぎるデザインに、印象を与えることができるテクスチャ素材。効果的な利用方法を模索しているという方もいらっしゃるのではないでしょうか?そこで今回は、テクスチャ利用の参考となるwebデザインを集めた「12 Tips of Using Textures in Web Design」を紹介したいと思います。 (Pigeon & Pigeonette – a picturebook by Dirk Derom and Sarah Verroken) アナログテイストが印象的なデザインから、シンプルな中にも存在感を感じさせるデザインまで、さまざまなwebデザインが紹介されています。中でも気になったものをピックア
※2017/08/30追記 続編の記事をアップしましたのでそちらも合わせてどうぞ スマホサイトのローカルメニューを集めました(その2) ページ数が少ないサイトであれば、ハンバーガーメニューで何も不自由はありませんが、深い階層を持つ大規模サイトの場合、シンプルなハンバーガーメニューだけでは足りず、各サイトいろいろな方法で対応をしています。 そんなわけで、深い階層のメニュー「ローカルメニュー」について集めてみました。 ハンバーガーメニュー内で開閉するタイプ IMJさんのWebサイトです。 ハンバーガーメニュー内がアコーディオン形式のメニューになっており、そこに下階層ページへのリンクがあります。 レスポンシブ対応サイトとして設計しやすく、よく見かける構成です。 ページ遷移に関することはハンバーガーメニューに集約されており、理解しやすい作りになっています。 ハンバーガーメニュー内で横遷移するタイプ
2010年にも参考にできそうなCSSベースのWEBデザイン集。 Nettutsにて「35 CSS-based Layouts that Look Awesome」ということでCSSベースのデザインがまとまっていたのですが、秀逸なものが多かったのでご紹介。 次のデザインを作る際には是非、マネて一歩レベルアップをはかりたい、というようなレイアウトがいっぱいです。 本当にそれぞれ素晴らしいですね。 リンク先は以下のエントリを参照してください。 35 CSS-based Layouts that Look Awesome - Nettuts
スマホサイトの場合、表示領域の制約からメニュー、特にローカルメニューの優先度は高くないケースもありますが、コーポレートサイトでは、同カテゴリーの情報を次々に見ていきたいというニーズもあるため、それに配慮したサイトも見られるようになりました。本エントリーでは、回遊やサイト構造の理解に貢献できそうな手法をご紹介します。 2016年のリニューアルが話題となったJALのコーポレートサイトです。 ハンバーガーメニューでは、グローバルメニューが開閉式となりローカルメニューも表示できるようになっていますが、それに加え、ローカルメニューに特化したショートカットアイコンを置くことで、同カテゴリ内の回遊性を高める工夫をしています。 2017年4月に社名を変えたSUBARUのサイトです。 ページタイトルの右にローカルメニューアイコンがあり、タップするとフロートメニューが展開します。 下にスクロールした際は、ペー
2015/04/12WEBサービス紹介サイトはこちらでつぶやく No:1021マッチングプラットフォームTSUKURITTE(ツクリッテ) よいものを考える人とよいものをつくる人の出会いを創出し、日本品質のものづくりを応援するサービスTSUKURITTE(ツクリッテ)のサイトです。商品開発のプラットフォームとして、商品開発のための工場やデザイナー探しができるWEBサービスになっています。 2015/01/17WEBサービス紹介サイトはこちらでつぶやく No:1017オリジナルグッズを手軽に作成・販売できるサイト、SUZURI(スズリ) GMOペパボ株式会社が運営しているオリジナルグッズを作成・販売できるSUZURI(スズリ)のサイトです。自分で作ったイラストや写真をアップロードするだけでいろいろな商品の一覧が作成され、好きなアイテムを選ぶことで商品販売することができるサービスです。選んだア
全国各地の自治体のWebデザインを集めたサイトです。 観光に力を入れている地域、地域住民に向けた情報発信に特徴がある地域など、見せ方はさまざま。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く