レスポンシブWebデザインで作られた10の美しすぎるサイト ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
サイトのレイアウトを決めるのがだいぶ楽になるグリッドシステム色々 | バンクーバーのうぇぶ屋
本当に最近はあっちを見てもこっちを見ても様々なグリッドシステムを名乗るサイトが登場してきました。PSDをダウンロードするタイプのものからCSSを吐き出してくれるものまで。 僕の面倒くさがりも来るところまで来たらしく、気が付けばブックマークの中身にグリッドシステムという名前のフォルダが出来上がる始末。 使ってないものも多いですが、今日はその中からいくつかご紹介できればと思います。 960 Grid System まずは王道の960Grid System。もはや説明なんぞいらんでしょうと思えるほど、WEB屋の間で当たり前になってきてる気がするGrid Systemですね。僕が初めてGrid Systemという名前を聞いたのもここでした。 僕はPhotoshopもFireworksもどっちも使う派なのですが、テンプレートとしてそろっていることはもちろん、HTML、CSS、Photoshop、Fi
Siiimple • A Minimalist Website Gallery
Application (11) Art & Culture (250) Art Gallery (133) Big Background Image (60) Big Image (43) Big Text (20) Bold (40) Bootstrap (4) Colorful (86) Company (25) Corporate (8) Creative Agency (100) Dark (21) Design Gallery (175) Design Studio (34) Ecommerce (26) Flat UI (17) Ghost (1) Graphic Design (70) Grid (62) Hero Video (1) HTML (13) Illustration (8) Image Gallery (9) Journals / Blogs (143) La
Exposition Monet 2010 - RMN - Grand Palais - Paris
Pendant plus de soixante ans, Claude Monet a peint sans relâche, élaborant une oeuvre qui incarne l'expression la plus pure de l'impressionnisme, pour constituer au début du xxe siècle un des fondements de l'art moderne. C'est l'ensemble de ce parcours riche et fécond que l'exposition des Galeries nationales réinterroge. Cette exposition monographique est la plus importante manifestation dédiée à
官能のUIデザイン - SLN:blog*
ちょっと前にJonas Erikssonさんというデザイナーのつくった「76-Synthesizer」という架空のiPhoneアプリのUIデザインがめちゃくちゃセクシーで驚いたんですよ。色っぽいとしか表現しようがない。 最近のiPhone/iPadアプリのデザインとか見てると、ものすごくよくできているものがたまにあって、フォトリアリスティックなんだけど真俯瞰でUIっぽさを担保している...みたいな独特の質感になってる。こういうデザインって、UIデザインの歴史としてとらえると、まず、OSで描画できるグラフィックが32ビットになったことからはじまり、Photoshopの機能の充実、デザインのメソッド化、Illustratorのグラデーションマップ芸の成熟なんかも影響して、結構自然な流れのように感じちゃうんだけど、グラフィックデザイン史として見るとかなり特異な状況になってきているんじゃないかとい
MASAYUKI DAIJIMA | Technical Director / Interaction Designer
日本生まれのテクニカルディレクター、インタラクション・デザイナー、フロントエンド・デベロッパー、VJ。 表現と技術で人をワクワクさせられるモノづくりをしたいと常日頃から考えている。クラフトマンシップにこだわり、自分を研鑽していける日々を過ごせたら本望だと個人的には思っており、消費の速いデジタル作品においても長く残るモノ、せめて次の世代の人たちに触れてもらえるモノを作ることが最終目標である。 2007年5月、株式会社アーキタイプを共同設立。数々の企業のプロモーションやブランディング等に伴うWebサイト、インスタレーション、アプリケーション開発等、デジタルなプロジェクトのテクニカルディレクションやプログラミングに携わる。国外でのデジタル広告賞の受賞が多い。2017年1月、心から自分のやりたいことをしたいと強く思うようになり、設立10年を節目にアーキタイプを退職し、留学のため渡英。ロンドンにて1
すぐにホームページが作成できます。Flavors.me
With regret, we’ve made the decision to close down Flavors.me. We fully appreciate how frustrating this is. It took a great amount of deliberation and discussion to reach this difficult decision. But, recent issues with Flavors forced us to look very carefully at the service we provide and we no longer feel we can offer a robust service into the future. We’ve now retired our hosting and web-builde
25 Examples of Wireframes and Mockups Sketches | inspirationfeed.com
You are here: Home » Inspiration » Design Elements » 25 Examples of Wireframes and Mockups Sketches 25 Examples of Wireframes and Mockups Sketches Written by Igor Ovsyannykov on Feb 14, 2011 | 0 Comments Would you start building a website without blueprints? If you said yes, good luck with that. If you said no, then you are 100% right! Before building any website you have to have an idea of how th
BeerCamp at SXSW 2011
Get ready for battle. This year, the BeerCamp competition will take form in a flip cup tournament. Team registration is now complete. Each member of the winning team will walk away with a Flip HD Video Camera. Tournament will consist of 32 teams, single elimination. Matches are best-of-3 games. First team to win 2 games wins the match. Teams consist of five players. All teams must sign up with fiv
プロダクトデザイン 印デザイン(インデザイン) In Design website
印デザイン(インデザイン)は池内昭仁と石井保幸からなるプロダクトデザインユニット。企業とのコラボレーションなどを行いつつも、ハンドメイドによるプロトタイプの製作など、大量生産では作ることのできない斬新なデザインの試みを積極的に行っている。
YOSHIHIKO UEDA | 上田義彦
Tsubaki no NiwaMorini hairu68TH STREETForest KasugaForest QuinaultApple TreeHERMES / AW 2016HERMES / SS 2016MateriaLOFFICIEL JAPANPatagoniaJOURNEYSMemoriesThe Seasonal Beauty of<br /> Japanese CuisineM.GangesKamino ShozoM.VenusM.SeaM.RiverPERU ALPACAMIES VAN DER ROHEJOMONESEA DREAMMateria1986SHIZUMARUNoritakeSHIMAEYUMEFRANCK MULLERONE HUNDRED<br /> STONEWARESBIOSOPHIA of BIRDSCHAMBER of CURIOSITIE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazium Site
iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ
Espace Louis Vuitton Tokyo
http://designaholic.cc/2011/02/post-82.html
ファーストビュー都市伝説 - ページ上部に詰め込むのはダメデザイン？ | 初代編集長ブログ―安田英久
iPhoneデザインボックス
S5-Studios — The Studio to Create S×5 Expressions.
山﨑健太郎デザインワークショップ