スマートフォンサイトデザインのためのインスピレーション集「Mobile UI Design Patterns: 10+ Sites for Inspiration」 WEBプロモーションでももはや書かす事ができない、スマートフォンユーザーへの対策。それぞれの端末の使い勝手に応じた最適化されたデザインが求められますが、その設計はPC向けのWEBサイトとは違う技術が必要です。今日紹介するのはスマートフォンサイトデザインのためのインスピレーション集「Mobile UI Design Patterns: 10+ Sites for Inspiration」です。 lovely ui スマホサイトのデザインが集約されたサイトが10以上まとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 pttrns 様々なUIが大きな画面でまとめられていま

CSS3は現在広く利用されているCSS 2を拡張したもので、従来のCSSでは表現が難しかったドロップ車道や、角丸など、画像に頼らずに、表現ができ、新しい表現の可能です。今日紹介するのはCSS3で作られたユーザーインターフェイスキット「CSS3 UI Kit」です。 サーチボタン、角丸ボタン、完全な円形のボタン、プルダウン、ページングなどなどユーザーインターフェイスの基本となるパーツがセットになっています。 詳しくは以下 ブラウザの対応問題もあり、実際の現場ではスマートフォン以外はなかなか使えないものではありますが、CSS3の基本的なことを理解するには非常にわかりやすく使いやすいものだと思います。 ソースファイルも配布されているため、カスタマイズなども技術者であれば簡単に行うことができます。CSS3でWEBのユーザーインターフェイスを作りたいという方は是非どうぞ。 CSS3 UI Kit –

TOP  >  Font  >  個性的なフリー手書き文字フォントまとめ「25 Excellent Free Handwritten Fonts」 柔らかで温かみのある雰囲気の手書き文字フォントの需要は高く、さまざまなタイプが発表されています。そんな中から今回は、個性的な手書き文字フォントを集めた「25 Excellent Free Handwritten Fonts」を紹介したいと思います。 Gourdie Handwriting Font | dafont.com 筆で書いたような文字から男性的な文字まで、さまざまな手書き文字フォントが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Hand of Sean Font | dafont.com サインペンで書かれた癖のある手書きフォントです。肩肘張らないラフな雰囲気のデザインにぴ

国内でも非常に多くの、Eコマースサイトが展開されていますが、今日紹介するのは海外のデザイン的に素晴らしい、サイトデザインを集めたエントリー「38 Beautiful Ecommerce Websites」。 jolena キッズからアパレル、インテリアなどなど様々な分野から事例が集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 darlingclothes アパレルらしい洗練された美しいデザイン。 indochino 画面全体を大胆に使ったデザイン事例。躍動感がありますね。 bonlook 洗練された中にもどこか親しみやすさを感じさせるサイトデザイン。 国内は国内の向けに受けるデザインというものがあるかと思いますが、海外のデザイン事例は新鮮で、新しい印象を与えることもできるのではないでしょうか？Ｅコマースサイトを新たに制作される

TOP  >  WordPress  >  クオリティの高い、iPhone、iPad、PCとマルチに使えるフリーワードプレステーマ集 非常に使い勝手の良いCMS、Wordpress。国内でも多くの方が利用されていますが、今回紹介するのはiPhone、iPad、PCとマルチに使えるフリーワードプレステーマを集めたエントリー「」です。 Yoko ここ数年でWEBを閲覧する環境は劇的に増え、最近は考えておかないといけない事項の一つとなってきました。スマートフォン専用のテーマを創るというのも時間がかかるので、初めから対応というのは、ユーザー層によっては大きなメリットだと思います。いくつかのテーマが紹介されていますが、今日はその中から気になったものを紹介したいと思います。 詳しくは以下 iTheme2 アップルライクなフリーテーマ。iPhone、iPad環境化でもデザインテイストは生きているような気

TOP  >  WebDesign  >  人々を惹き付けるwebマガジンサイト集「30 Predominant Magazine-Themed Websites」 無数に存在するwebサイト。目的に合わせたサイト構成がユーザーを惹き付けるために重要なポイントだと思います。そこで今回は、webマガジンサイトにクローズアップし、ユーザーを惹き付けるwebマガジンを集めた「30 Predominant Magazine-Themed Websites」を紹介したいと思います。 Zaum & Brown | CD Sleeve Design, Band Art, Myspace & Website Design シンプルな構成のサイトはもちろん、レイアウトやタイトルデザインにこだわったサイトまで、さまざまなサイトが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧くだ

iphone、AndroidアプリのUIデザイン集「40 Dribbble Shots for Mobile and UI App Design Inspiration」 スマートフォンが数多くリリースされ、アプリをデザイン制作を頼まれるそんなケースも増えてきていると思います。今日紹介するのはユニークなアプリのユーザーインターフェイスを集めたエントリー「40 Dribbble Shots for Mobile and UI App Design Inspiration」です。 iPhone App UI OS標準のものではなく、アイデアが盛り込まれたインターフェイスが多数まとめられています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Compass Menu Detail 立体感があり、作りこまれた感じがするインターフェイス。細かなところに気

TOP  >  Design  >  フリーで利用できるストライプファブリックテクスチャ集「40+ Free Striped Fabric Textures for your Designs」 手作り感や優しさを感じられるファブリックを利用したデザインが増える中、手軽に利用できるストライプ柄のフリーテクスチャを集めた「40+ Free Striped Fabric Textures for your Designs」を紹介したいと思います。 Fabric Texture with 6 Color Options | elemis | raw materials for design 手染めの風合いがあるファブリックから、素材感を感じるファブリックまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Stri

TOP  >  Design , Font  >  デザインに洗練さを与える スクリプトフォントまとめ「50 Best Free Script Fonts」 デザイン上でフォントを選定するセンスは、作品の表情を左右する程大変重要なものです。特に繊細なデザインフォントは、ラインの太さやバランスなどが選定の際のポイントとなってきます。そんな中今回は、デザインに洗練さを与えてくれるスクリプトフォントを集めた「50 Best Free Script Fonts」を紹介したいと思います。 （Billy Argel Font Font | dafont.com） マジックでラフに描いたようなフォントから、繊細なラインが美しいタイプまで、さまざまなフォントがラインナップされています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Harabara Hand F

TOP  >  Design , Font  >  繊細なラインが美しい スクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」 デザインの現場でプロとして活躍している方はもちろん、一般の方でも年賀状やグリーティングカードを作成する時など、デザインにぴったりのフォントを選びたいと思う方も多いのではないでしょうか？しかし、イメージにぴったりのフォントを見つけるというのはなかなか難しい作業だと思います。そこで今回は、綺麗めなデザインに最適なスクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」を紹介したいと思います。 （Download Fleurie PDF font） 繊細なラインが美しい、筆記体のようなスクリプトフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta

webサイトを制作する際に頻繁に使用するアイコンですが、一からデザインするには大変な手間と時間がかかってしまうと思います。そこで今回紹介するのは、手書き感とユーモアで親しみやすさを感じるアイコンセット「Steedicons」です。 手書きの素朴な雰囲気の中に、細部へのこだわりを感じるアイコンが数多く展開。300以上のアイコンセット［29ドル］の他に、フリーで利用できるアイコンも一部公開されています。 詳しくは以下 webサイト全体で、手書きアイコンのデザインテイストを表現している点もポイント。アイコンそれぞれのアイテム表現は簡素化されていますが、用途別によく特徴をつかんでおり、細かいディティールにこだわりを感じる、クオリティの高いアイコンばかりが並びます。 手書きならではの質感で、見る人に安心感を与えてくれる、柔らかいテイストのサイトを中心にさまざまなシチュエーションで活用できるのではない

webサイト制作のアイデアはあっても、実際に作ろうと思うとどこから手を付けていいのか分からない、という方もいらっしゃるのではないでしょうか？そこで今回紹介するのは、webデザインに重要な4つの要素をまとめた「Four Essential Web Design Tips」です。 webサイトを構築するにあたり押さえておくべき重要な要素がポイントを絞って紹介されています。 詳しくは以下 1. 視認性 （Myself DSK: Personal Portfolio of UI Designer Dhiraj Singh Karki » Work） Webページの最も重要な要素は、「読みやすい」ことです。強く認識させたい部分のフォント選びや、サイズ、色など、丁寧な調整が必要だと思います。 2. ナビゲーション （Careers @ Adlucent） グローバルナビをはじめとするナビゲーションは、

TOP  >  WebDesign  >  シンプルで軽量なアコーディオンインターフェイス「Simple Javascript Accordions」 ブログやWEBページでメニュー部分がものすごく長くなるのは、使い勝手的にはあまり良い物ではありません。ただ日々運営していれば様々なアイデアが生まれコンテンツは増え続けてくると思います。そんな時に便利なのがコンテンツを格納できるアコーディオン式のメニュー。 様々なタイプのものがリリースされていますが、今回紹介する「Simple Javascript Accordions」は1年前に作られた物ではありますが、シンプルな構造と軽さと動きが気持ちよかったので改めて紹介したいと思います。 名前の通りjavascriptで動作し、サイズも1,149バイトと非常に軽量になっていますし、シンプルなだけにブラウザにも幅広く対応しています。また様々なタイプのア

TOP  >  WebDesign  >  新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」 高機能なjavascriptライブラリjQuery。サイト制作には欠かせないライブラリのひとつと言っても過言ではないほど、世界中で利用されているライブラリの一つです。多く利用されているだけあって、様々なプラグインが日夜開発されリリースされています。今日は最近リリースされたjQueryプラグインをまとめたエントリー「30 Fantastic New jQuery Plugins」を紹介したいと思います。 jMenu – Horizontal Navigation with Unlimited Sub-Menus 様々なタイプのjQueryプラグインがまとめられていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思い

国内での知名度はまだTwitterやfacebookなどと比べると格段に劣りますが、それでも多くの方が利用しているスクラップブック的なWEBサービスtumbler。テーマを設定でき、思い思いなデザインで利用することができますが、今日紹介するのはクリエイティブなンブラーのテーマを集めたエントリー「20 Astonishing Free Tumblr Themes」。 POSTAGE 沢山のテーマが公開されていますが、今日はその中から幾つか気になったテーマをピックアップして紹介したいと思います。 詳しくは以下 ■SILO 黒を記帳としたグリッドデザインタンブラーテーマ。 ■FLUID 透明感のあるタンブラーのテーマ。 ■PAPERCUT シンプルですが、暖かみとアナログ感があるテーマ。 上記の他にも様々なタンブラーのテーマが公開されています。タンブラーをもっと個性的に、クリエイティブに使いたい

TOP  >  Design , vector  >  ベクターデータで利用できる地図データ集「Vector World Map Collection (Redux)」 色々な意味を持たせて、様々なデザインに利用される地図の表現ですが、地図を一から描いているというデザイナーの方は極々まれだと思います。今日紹介するのはイラストレーターなどでベクターデータで利用できる地図データを集めたエントリー「Vector World Map Collection (Redux)」を紹介したいと思います。 EPS Vector Maps for Designers (.eps format) 同じ世界地図でも国や地域で色が付いたもの、国境などなく、世界がシルエットになって表現されているものなどなど様々なタイプの世界地図のデータがまとめられています。今日はその七からいくつかピックアップして紹介したいと思います