メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。主にSaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザインの参考にどうぞ。
JAJAAAN代表です。このサイトの制作者です。趣味は、最近始めたアウトドア、最近始めた釣り、最近始めた格闘技です。尊敬する人はさかなくん。人生で学んだことは「女は怖い」ご連絡はメールかTwitterでDMください。 メール Twitter SEE MORE 今回はCSSのみで作れる見出しデザインについて100個サンプルを作ってみました。 見出しなどで使えるデザイン例についてどこよりも詳しく(おそらく..)紹介・解説しています。すべてCSSのみで実現しているものになりまります。 コピペしてそのまま使用していただいて構いません。デザイン例によって作成時のポイントや注意点も書いています。 CSSのみで作る見出しについて見出しについて、マークアップで使用されるHTMLタグはh1〜h6になるかと思います。サンプルのHTMLではh2を例にしていますが、hタグである必要はありません。ご自由なHTMLタ
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。???(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
Posted: 2011.05.19 / Category: WebDesign / Tag: デザイン参考 最近はjavascriptで表現できることが増え、前まではFlashでしかできなかった効果もできるようになりましたね。 ということで、マウスオーバーや画面遷移でアニメーションしてるとか、ちょっと変わったレイアウトをjavascriptやっているサイトを集めてみました。
品のないタイトルでごめんなさい。と、まず謝っておいてから本題。今月発売されるオーガストの最新作「穢翼のユースティア」のイベントCGを眺めていたら、「ヒロインの傾斜角度がほとんど同じじゃね?」と思ったのでちょっと定規と分度器で測ってみたところ、なんとなく黄金比と関係がありそうだったので下記ツールを使ってより詳細に調べてみました。 【Photoshop plugin】 Golden Section plugin で、このツールで調べた結果、べっかんこう氏は絵の構図に黄金比を多用しているのではないか?という結論が出てきました。 黄金三角形の構図 「黄金比」については特に説明はいらないかもしれませんが簡単に解説すると の比のことです。近似値は1:1.618で、これを10倍にした10:16がワイドディスプレイのアスペクト比などに使われています。そしてこの比は「もっとも美しい比」とも言われています。で
webデザインをサポートするカテゴリー別(色・レイアウトなど)webデザインリンク集。webデザイン・web制作の参考に。優れたwebデザイン募集中! ■2010年6月14日 NEW 全然、Webサイトの紹介ではないですが、管理人がつぶやいてます。良かったらフォローお願いします。 →Twitter ■2010年5月31日 NEW 2010年6月のYSIGトップ画像を飾ってくれるのはウエツジショータローさんです!奥にいる緑の生物があやしげ! 独特の世界感を持つウエツジさんのWebサイトはこちら→「ギガガロー」 ■2010年4月30日 NEW 2010年5月のYSIGトップ画像を飾ってくれるのはマツオヒロミさんのガーリーな作品です。男ごころをくすぐる目元と口元に魅了されます。マツオさんはガーリーなイラスト以外にもコミックを書かれているようです。そんなマツオさんのwebサイトはこひらからどうぞ。
0-1. 前書き この世にはたくさんのプログラミング言語が存在します。Wikiepdiaのプログラミング言語一覧を見ると、実に200個以上というわけの分からない数の言語が並んでいたりします。 【参考URL】プログラミング言語一覧 - Wikipedia http://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AD%E3%82%B0%... 200の中にはほとんど使われてない言語も混じってるので、実際に仕事でざくざく使われている言語は20とか30とかそういうオーダーなのですが、それでも1人の人間が把握するにはちょっと多過ぎる数です。 本記事では、そうした有り余るプログラミング言語の海の中で「どれを勉強したらいいの?」とか「どれを採用するのが適切?」という悩みをお持ちの方が「よし、この言語に決めた!」と自信を持って決断できるように背中を押すことを目的として書か
空想ラボラトリーhttp://www.ihi.co.jp/brand/laboratory/PL * 東京都 * その他 アズール梅田http://www.azu-l.jp/PL * 大阪府 * その他 みどり荘http://midori.so/PL * 東京都 * その他 ワークショップコレクションhttp://wsc.or.jp/PL * 東京都 * ECサイト 安房医療福祉専門学校http://www.awa-school.ac.jp/PL * 千葉県 * 学校・教育 玉名牧場http://www.tamanabokujo.jp/PL * 熊本県 * その他 ラムネhttp://lamune-kyoto.com/PL * 京都府 * 美容室 nanukhttp://nanukhair.com/PL * 東京都 * 美容室 RYU / alphabet / cobachi storeh
みなさん、韓国とといえば韓流ブームから、キムチ、辛ラーメン、マッコリそしてKPOPスター一気に注目を集めましたよね!そしてそれと同時に韓国がほこる驚愕技術「美容整形手術」が年々話題になっています。毎年顔が変わっていく韓国の芸能人たち。最近では歌手のBOA(ボア)の顔がまったく変わってしまったと話題になっていました。 ということで今回ご紹介したいのは、海外の画像サイトなどで話題になっている「脅威の韓国の美容整形ビフォー・アフター画像」を身体のパーツごとにまとめてみました! 画像を確認してみると……なるほど、これは本当にびっくりです。鼻を修正、エラを修正、目を大きく……とかいう一部だけ変えたとかいうレベルではなく、顔を全部そのまんま取り替えて別人に!。まさにこれぞ、大変身!本物の劇的ビフォーアフターです!! では早速みていきましょう! 【鼻】を高くする整形前と後の写真を比較してみました! 顔の
ん?タイトルの日本語、なんかおかしい?(笑) 自分用に、国内の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/ シンプル。み
iPhoneアプリサイトのデザインの仕事をしてまして、参考としてiPhoneアプリのサイトを調べたのでまとめてみました。 iTunesストアで外国のiPhoneアプリのサイトを片っ端から見まして、 個人的にいいなと思ったiPhoneアプリ(含むアンドロイドアプリ)単体のサイト、会社のデザインです。 大別すると、 ・スクショ+シンプルタイプ ・シンプルタイプ ・アイコンタイプ ・その他 の4つになります。 スクショ+シンプル型 インパクト重視!なデザイン。 Flipboard 横長の、触ってきもちいいサイトw 二枚目の画像の時に、さりげなく赤いと茶色の帯が残るところが憎いです。 Instagram 大人気のiPhoneアプリ、Instagram。スクショとApp Storeへのリンクと最低限のシンプルな内容で、上品。 Osfoora キャプチャが全面に出されていて、シンプルだけどわかりやすい
Web サイトをどうつくっていくのか。 ワークフローの最適化って難しいし、会社の個性が強く現れるところだと思うんだよね。 今日は深入りはしないで、見せ方の気に入ったワークフローを並べてみることにしました。 コンサルティング中心の会社も入ってますが。 キノトロープ 初期コンタクト 成功予測 戦略策定 戦術策定 制作・公開 更新・運用 効果測定 全体的に若い会社の多いこの業界の中では老舗(1993年創立)。 かっちりしていてある意味でお手本的。ワークフローの本も出してるしね、確か。 イージェーワークス 戦略 構築 運用 ISP系の会社だそうです。図がみやすい!プロモーションの設計〜実行を "明示的に"(他社も当然やってはいるけど)フローに入れてるところが特徴かな。 ビービット サイト戦略策定 サイト設計 デザイン / 制作 効果検証 ユーザビリティに強いことで有名な会社。ちなみに上の図は1.戦
MephoBoxは、ヘッダやフッタ、背景、ナビゲーション、ページネーション、ボタン、ログイン、フォームなどエレメントのデザインをコレクションしているサイトです。
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く