ウェブデザインのアイデアに悩んだ時に訪れたいサイトをまとめて一覧できる -Visual Heapウェブデザインのインターフェイスからロゴデザインやビジュアルなど、インスピレーションやアイデアを探してる時に利用したい便利なサイトを紹介します。 Visual Heap [ad#ad-2] Visual HeapはDribbbleやCreatticaなどのサイトから最新のアイデアを集めたポータルサイトで、Visual Heapのサイト自体のインターフェイスも面白い作りになっています。 レイアウトは各サイトの作品が横にスライドするもので、各作品をクリックすると縦にスライドしその作品を表示します。
効果的なナビゲーションを設計する5つの大切なポイント
How To Design Effective Navigation Menus [ad#ad-2] 下記は各ポイントを意訳したものです。 Positon -ポジション Simplicity -シンプル Wording -ワーディング Color -カラー Icons -アイコン [ad#ad-2] Positon -ポジション ナビゲーションをページのどこに配置するかは、非常に重要です。 ユーザーがページを見る際にある特定のパターンがあります。ユーザビリティの大家ニールセンによるFパターンが有名です（F-Shaped Pattern）。これは、ユーザーがページを走査する際、上部と左部に（Fの文字のように）フォーカスを合わせるというものです。 こういったパターンを理解し、それがどのように機能するかを学び、何を期待するべきかのアイデアを得るために使います。数多くのサイトを見て、ユーザーに配慮
良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良の方法？ 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか
完全にフォントだけで勝負しているカッコよくてシンプルなサイト集
日本デザインセンター / Andreas Pihlström / TYP他...全14件
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
スクロールバーのデザインをカスタマイズできるjQueryプラグイン「jQuery CUSTOM CONTENT SCROLLER」｜BLACKFLAG
Webページ内で限られた範囲内にテキストなどを多くの情報を掲載する場合、 インラインフレームの様なスクロールエリアを設置することはよくあること。 ですが、ブラウザのデフォルトスクロールバーでは見た目があまりにカッコ悪かったりします。 その様な際に使える簡単にスクロールバーのデザインをカスタマイズできるjQueryプラグイン 「jQuery CUSTOM CONTENT SCROLLER」のご紹介。 ≫jQuery CUSTOM CONTENT SCROLLER ≫デモはこちら【Demo: jQuery custom scrollbar demo】 デモ画面やサンプルデータにあるように 様々なパターンのスクロールバーのデザインが用意されています。 実装しても動作が重くなるようなこともなく、 マウスホイールでのスクロールもきちんと対応しているところなどが◎。 スクロールの「縦」と「横」の種類の
リッチな表現でデザインに差がつく、3D表現ができるjQueryスライドショープラグイン
Slideshow with jmpress.j... / RefineSlide
レスポンシブWebデザインに対応したjQueryスライドショープラグイン
RefineSlide / Camera | a free jQuery s... / CarouFredSel他...全7件
最近リリースされた高品質なフリーのデザインフォント -2012年3月
最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Beaver 個人・商用利用無料。 Thisis 個人・商用利用無料。 NeoDecoa 個人・商用利用無料。 [ad#
漢字が使えるフリーの和文フォント242種類をまとめてみた。 - buena suerte!
自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、（特に商用）利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1
デザインの引出しを203%拡張させる神Webサイトデザインギャラリー | 秒刊SUNDAY
前回このＷＥＢサイトギャラリー特集を行った際には、フルFlash,フルスクリーンのカッコイイサイトが主流でした。当たり前のようにウインドウが最大化 し、当たり前のようにヌルヌルとＦｌａshが動く。時代は変わったもので、もはやFlashのフの字を聞くだけで『iPadじゃ見れないからねー』が付き まとう今日、ＷＥＢデザインはどのように設計したらよいのでしょうか。今回はそんなＷＥＢサイトデザインに役立つサイトをご紹介したい。 ◆Webデザインポータルサイト ■Webデザインのリンク集 Webデザインポータルサイト S5-Style スタイリッシュで非常に見安いサイト。次々に事例を見て行っても苦にならない。 ◆Webデザインリンク集・ソーシャルブックマーク ■Webデザインリンク集・ソーシャルブックマーク - 最近ページングではなくスクロールローディングに変更された。わざわざページングしなくても良
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
Tarmac by Max Winokan — Simple Desktops
[CSS]永遠にスクロールしていたくなる、気持ちいいエフェクト -CSS Scroll Effects
新着記事
ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ
人気の映画タイトルで目にする35のフリーフォント
最近リリースされた高品質なフリーのデザインフォント -2012年1月
最近リリースされた高品質なフリーのデザインフォント -2011年11月