私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
九州天然水。高級軟水、送料無料!「一万年の雫-送料無料通販-」
カラダに優しい、料理に美味しい天然ミネラル水。日本の風土、日本人のカラダに適した水（ミネラルウォーター）です 採水制限をしている希少な天然水は、一般ミネラルウォーターと比べ極上のまろやかさと飲料、美容、料理にと使用範囲の広さとその効果が全国のお客様よりご好評を頂いております。 人間の細胞体液と同一範囲内のpH7.4はカラダに負担なく飲めるナチュラルミネラルウォーターです。 また硬度11mg/Lの超軟水は料理等の旨みを引き出します。 2024.01.12 ボトルのキャップシールの仕様変更のお知らせ。 令和6年1月よりボトルのキャップシールが無くなりキャップのみとなります。 昨今の運賃、資材等の急激な高騰の為ご理解賜りますようお願いいたします。 2024.01.12 令和6年能登地震、心よりお見舞い申し上げます。 この度の令和6年能登地震により被害を受けられた皆様に心よりお見舞い申し上げます。
ランディングページ集めました。
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
美しくてわかりやすいシングルページウェブデザインの例30
ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visual Box 07
スマホサイト：このブログで使ったサンプルソースのキャプチャ並べてみた。ソースDL可。 - Kaleidoscope
即座にDLできるようにアーカイブ化。 ※naruさんのご指摘により、2.19以前のサンプルソースのCSSが微妙だったことがわかりました。矢印部分のリンクが有効になってなかったです。 （あまりいらっしゃらないとは思いますが…）もしそれ以前にDLされた方は、現在修正版をお使いください。 ご報告いただいたnaruさん、ありがとうございました。 （ちなみに、ここでDLできるサンプルなどなど、動作保証をするものではないのでご了承ください） smart_sample02.zip 02.zip 02v.zip 03.zip 03v.zip 04.zip 04v.zip スマホサイトのリスト型メニューを何パターンか作ってみた 仕事がいったん落ち着きはしたものの、やっぱり僕の周りでも今まで以上にスマホスマホと騒いでます。 スマホサイトといえば、リスト型メニュー？がスマホならではですよね。 今後のスマホサイト
ウェブ制作にきっと役立つインフォグラフィックのまとめ
内容もさることながら、デザインも素晴らしいウェブ制作関連のインフォグラフィックを紹介します。 ウェブ制作にきっと役立つものから、にやりとするものまでを厳選しました。
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
iPhoneデザインアーカイブ
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
Page 1 - Free CSS Templates
Free HTML CSS Templates Latest 200+ Templates are responsive HTML5 mobile-ready CSS layouts with Bootstrap framework. All 588+ CSS templates are absolutely 100% free download for your web design. You can use free templates for your commercial or personal or learning purposes. Please contact us if you have any question. We have a variety of CSS templates in different categories. You may start from
青を基調としたwebデザイン集「Color Theory in Web Design : Blue Color Scheme」
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
HTMLメールの作成方法
メーラーのひな形を使用せず、エディタなどでHTMLメールを作成する方法を紹介します。 注意する点は、３つです。 HTMLは「HTML 4.01 Transitional」を使用する 文字コードは「iso-2022-jp」を使用する 画像などのパス指定は//から記述する HTMLメールのフォーマット 作成するHTMLファイルは、文字コードを「iso-2022-jp」に改行コードを「CR+LF」にします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset
デザインエレメント：ラインを使ってデザインする6つのチップス
デザインエレメントの中でも最もシンプルな『ライン』をデザインに使う際、知っておきたい役立つチップスを紹介します。 6 Tips for Designing With Lines [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Use an Underline 2. Break Up the Line 3. Flank the Type 4. Go Vertical 5. Go Diagonal 6. Go Nuts はじめに ここでは最もシンプルなデザインエレメントである「ライン」について見てみます。 デザインにシンプルなラインをほんの少し加えるだけで、退屈なデザインに構造とグラフィカルなスタイルを与えることができます。ラインが効果的に使われた時にはシンプルなトリックではなくなり、素晴らしいデザインになるでしょう。 1. Use an Underline タイポグ
クリエイティブなフッターデザイン40選 – creamu
フッターをかっこよくデザインしたい。 そんなときに参考になるのが、『40 Beautiful and Creative Website Footers』。クリエイティブなフッターデザイン40選だ。 以下にいくつかご紹介。 ↑のキャプチャはmissweblash.com。 catydesign-studio.com ispoil.net gomediazine.com sohtanaka.com その他のリストは以下から。 » 40 Beautiful and Creative Website Footers クリエイティブなフッターデザイン、チェックしてぜひデザインの参考にしていただきたい。 いろいろ進めなくては。
Webデザインをする上で参考に出来るサンプル集 | CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ayanpa.com is for sale | HugeDomains
iPhoneデザインボックス
sp-web.jp
トップページ｜ポケモンずかん
Five Technologies That Will Keep Shaping the Web in 2010
Creattica