iPhoneデザインボックスみんなが見てる人気のスマートフォン向けWebサイトデザイン
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (3/3)
*1 768ピクセルでは、ネットブックのようなタブレット以外の端末も指定範囲に入ってしまう。しかし、レスポンシブWebデザインのコンセプトはデバイスベースではなく、ウィンドウサイズベースでデザインを調整することだ。あくまでウィンドウサイズを基準に、そのウィンドウサイズに適したレイアウトを提供する。 1. ピクセルでデザインして%に変換する レスポンシブWebデザインは、width, padding, margin を%単位で指定するリキッドデザインの一種だ。 width, padding, marginを%単位で指定してレイアウトを組めればいいのだが、実際には非常に難しい。そこで、一度ピクセル単位でレイアウトを指定してから、width, padding, margin を % に変更していこう。 たとえば、Webページ全体の幅であるbody要素が960px、その子要素であるheader要素
DESIGN FOR JAPAN 『いま、デザインが日本のためにできること』
『DESIGN FOR JAPAN』プロジェクトはデザイン制作会社、クリエイターとして、今、何ができるかを考え、設立したプロジェクトです。 支援活動に『デザイン』という力をプラスすることで、より多くの人へ強い想いを届けることを目的とした 震災復興ポスター・ロゴマークの無料ダウンロードサービスです。 世界各国のクリエイターからのご協力で集まったロゴマーク・ポスターを店頭のチラシ・ホームページ・名刺・パンフレットやtwitter・Facebookやアメブロ等の アイコンなど、あらゆるメディア・媒体にご使用ください。 多くの方々にご使用していただき、1人でも多くの方々の笑顔が再び、日本で見られることを願っています。
和のテイストデザインを京都を用いて考える ｜https://wp.yat-net.com/name
関西にある「和」を感じる街「京都」。仕事上でこの京都に関するランディングページを作る機会があったので参考にできるサイトを集めました。今後も使えるのでポストします。 京都の色彩 京都のイメージカラーとしては赤、黒、茶、紫、緑、ベージュといった色を連想します。茶や緑は趣きのあるものをイメージし、紫は伝統を連想させてくれます。赤は茶屋ののれんや舞妓さんの紅をイメージ出来ますし、黒は格調高さを際立たせ、それぞれが伝統の街「京都」を彷彿とさせる重要な役割を持っていると考えらえます。 背景も和紙をイメージさせる白からベージュあたりの淡いものを持ち込むと一層雰囲気が醸し出せますね。メインビジュアルに派手な金を用いる事で上品な派手さを演出する事もひとつの手段だと思います。 それぞれのバランスを考えながら上品にカラーリングを決めたいところですね。 パーツ一つ一つを作り込む 京都関連のサイトを見ていて思うので
イケてるWebデザインリンク集｜デザイケ -Design Iketeru-
2008年から、進化を遂げてきたサントリーのハイボール。10年目を迎える今年、角・ジムビーム・トリスブランド統合で「夏ハイ!」キャンペーン
ランディングページデザインリンク集
ランディングページの厳選デザイン・リンク集／ランディングページ最適化・作成に関する情報掲載サイトです。
CoolHomepages Web Design Gallery - Web Page Design Gallery, Web Design News, Links, Flash Designs...
Cool Submissions Got some cool files you made that others might enjoy? Fonts, Photoshop brushes, templates, illustrations, backgrounds, and icons. Submit! Submit your site to our moderated Cool Blog if you think […] Welcome to Cool Homepages, your number one source for website designs and templates. We’re dedicated to giving you the very best website templates, with a focus on design, speed, and p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オレンジ | 81-web.com : 日本のWebデザイン・Webサイトギャラリー＆参考サイト・リンク集
新着記事
iPhoneやAndroidなどのスマートフォン向けUIの専門ギャラリーサイト・lovely ui
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
WEBデザインの見本帳｜WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
ランディングページ集めました。