紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Beautiful jQuery sliders 洗練されたインターフェイスの画像ギャラリー。 BigPicture パネル表示やギ
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Beautiful jQuery sliders 洗練されたインターフェイスの画像ギャラリー。 BigPicture パネル表示やギ
ウェブデザインにおいてのベストプラクティスと、逆に一般的にやるべきでないことを簡潔にまとめたのがWeb Do’s and Don’tsだ。 わかりやすいようにDo’s and Don’tsが左右に並べられているので、ウェブ系の人はざっと眺めてみるといいだろう。 もちろんデザインに絶対はないので「そりゃ、逆じゃね?」という主張もあるが、多くの人の主張を眺めるのは勉強になるものだ。 なお、それぞれの項目には参考リンクがつけられているので「む、どういうこと?」というときは原文をあたるといいだろう。 ここらへんを仕事にしている人はたまに覗いてみるといいですね。
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基本的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。 各フォントの詳細は以下から。各フォントのライセンスについてもわかる範囲でメモしておきました。30 high-quality free fonts for professional designs | Design daily news ■その1:Miso 2006年にMarten Nettelbladt氏によって作成されたフォント。light・regular・boldの3種類のウェイトが揃っており、TrueTypeとOpenTypeの2種類が
35 Free Fonts to Enhance Your Designs | Fonts | instantShift すごく良い感じの英文フォントいろいろが紹介されていたので一部ご紹介。 フォントに関しては、いくら紹介してもしきれないほどのフォントが存在し、日々生まれていますね。 Sketch Rockwell このスケッチ感、すばらしいですね。手書き風のかわいいデザインに使えそう Quicksand すっきりしていて綺麗なフォント。汎用に使えそうです。 Sansation こちらもスッキリして読みやすい綺麗なフォント。 Evolution True Type どこかで見たようなちょっと個性の強いフォント。 全部見る ますます、私のディスクを圧迫しそうです。 関連エントリ フリーフォント大量配布/紹介サイトいろいろ 萌え系フォントのまとめ 美しいフリーフォント45セット 女性の書いたよ
2009/03/23のスパイラルマーケットさんの「【贈り物選びに】雑貨・インテリア紹介ブログまとめ」で、知らないブログが半分くらい取り上げられており、巡回先が増えて幸せな気持ちになりました。 同時に、エントリに当ブログも含まれていてかなり焦りました。あわわ。 スパイラルマーケットさんのまとめエントリの二番煎じなのは承知で、インテリア・雑貨を紹介しているステキなブログをご紹介します。かぶっているブログも多いですが、気にせず書いてみます。 ■となりのインテリア→まとめのインテリア インテリア・雑貨紹介ブログとしてはかなりメジャーだと思います。 紹介しているアイテムのジャンルも数も多くて、目移りしてしまいます。 サイトデザインも細かいところまで作り込まれていてステキです。リスペクト。 ■雑貨kUkan 古くから運営されているので、3/27現在で投稿数が1956個。 インテリア関連だけでなくファッ
こんにちわ。ここ最近友人が一人、また一人と禁煙に成功していく様子を見て、なんだか取り残されていく感じのしてるmBlogのQuattroです。「タバコだけは止めるつもりないよ」とか言ってたのに止めちゃうんだもの! 自分も以前1年間禁煙できてたんですが、悪い友達のすすめの1本ですっかり喫煙者に戻ってしまいました。うーんタバコ止めたい。 さてそんな喫煙率の高そうな制作業界のみなさんに送る今回の内容は、ウェブのデザインで使いやすいテクスチャの配布サイトの紹介です。タイルパターン配布サイトに限定して集めてみました。ウェブってテクスチャの登場する機会が多いですよね。デザインの引き出し拡張に是非。 タイルパターン配布サイト まずはダウンロードするだけで使える、タイルパターン画像の配布サイトからご紹介しましょう。上下左右にループするこれらのテクスチャは、フォトショップにパターンとして定義しても使いやすいと
チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占
ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー
18 Photoshop Brush Sets for Creating Incredible Lighting Effects | Web Design Ledger 無茶苦茶クールな光のPhotoshopブラシ集。 これはちょっとカッコよすぎじゃないか、という光のブラシ集が公開されています。 ファイナルファンタジーみたいな画像も簡単に作れるかも。 Sui Generis 3 Fractal Brush Abstract 12 CS4 V2 Brush Destiny Brushes 全部見る ブラシなので好きに使ってクールな画像を簡単に作れそうですね。 関連エントリ マストハブなPhotoshopブラシ集 PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 自然に関するPhotoshopブラシいろいろ
2009年02月16日 アイコンの常識を凌駕する高クオリティフリーアイコン50個 カテゴリ:WEBデザイン アイコンと言えば、PCの操作上で識別する為のものですが、そのアイコンにこだわってみると言うのも今まで無かったのでは。Windows7時代になれば大きなアイコンも使えます。もちろんWebデザインにも使える。 ◆高クオリティフリーアイコン50個 ※この記事とても長いです・・・。覚悟して見て下さい。 では Function Icon Set Concept Icons .08 Affel Smultron Icon Pack Eico Studio Anniversary Icon Pack Kidaubis 3D Icon - Blue series Beijing 2008 Icons Jonas Rask Icons The Shield Icon Set Mac Icons
DINとは? Deutsches Institut für Normung (German Industrial Standard)、つまりドイツ工業規格の書体です。ドイツの高速道路などの道路標識や街中の看板のような工業製品などに使われています。 いかにも無機質で幾何学的(ジオメトリック)なデザインですが、その特徴を逆手に取り、1990年〜2000年初頭ぐらい(うろ覚え)から一般的なグラフィックデザインでも使われるようになりました。今では定番中の定番書体として幅広く使われています。 ドイツ・ベルリン旅行で撮影した街中のDIN DINを使うには? DINという名前のフォントはたくさんあり、様々なフォントブランドがリリースしているため、どれを使えばいいのか迷ってしまうのではないでしょうか。 Adobe Fontsで使えるDINは誰もが使いやすいという点では広く使われそうではありますが、結論から
すみません、昨日今日とだらだらしてしまって、すっかり資料の公開が遅くなってしまいました><2007年9月8日にノッキングオンさんにて行なわれたデザイン勉強会で、私がお話したことの資料を公開いたします。「デザイナーでない人のためのレイアウト入門」(pdfファイル・約41MB)当日お見せしたものから不要なアニメーション部分を取り除き、1ページ説明を追加してあります。このpdfだけでは当日お話したことがカバーし切れていないのですが、 そこは素晴らしき「ついったったー」の皆さまにより、完璧フォローされておりまする!(皆様に大感謝!!!)デザイン勉強会まとめサイト(by woopsdez嬢)デザイン勉強会のまとめをするよ!(by hamashunさん)「デザイン勉強会」に参加してきました!(その2)(by necozeさん) あ、あと、まとめサイトから、floralさんが録音してくださった音声データ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く