Clik here to view.
Bootstrap利用、高品質＆クリエイティブな無料HTMLテンプレート素材まとめ
2011年にTwitter社が発表したHTMLフレームワーク、Bootstrapは、世界でもっとも利用されている、人気フレームワークのひとつです。あらかじめCSSスタイリングを施したコンポーネントや、プラグインなどが用意されているので、あたらしいWebプロジェクトを、容易に展開することができるようになります。 海外デザインブログTemplate Monster...
View ArticleClik here to view.
GIFアニメーションが素敵！モバイルUIデザイン2013年まとめ
スマートフォン利用者が増えるにつれて、さまざまなモバイルアプリが登場しています。各アプリが、どのような機能やうごき、コンセプトなのか、より分かりやすく伝えることができる、GIFアニメーションを使用した、プレゼンテーションUIデザインをあつめました。 海外デザインブログGraphic Fuelで、ユニークなGIFアニメーションを使った、モバイルUIデザインをまとめたエントリー「20+...
View ArticleClik here to view.
2013年注目をあつめた、Webデザイントレンド10個まとめ
新しい年がはじまりました、あけましておめでとうございます。2013年にどんなWebデザインが人気だったのか、トレンドを振り返ってみましょう。 海外デザインブログCreative Bloqで、昨年特に注目された、Webデザイントレンド10個をまとめたエントリー「The 10 Hottest Web Design Trends of 2013」が公開されていたので、今回はご紹介します。...
View ArticleClik here to view.
もしも有名ファッションブランドが、Montanaスプレー缶をデザインしたら、。
アメリカを拠点に活動する、グラフィックデザイナーAntonio Braskoは、これまでに世界的に有名な大企業NikeやAddidas、Dr.Martens、Adobe社などのデザイン案件を手掛けてきました。そんな彼が、空いた時間を見つけ、作りあげた、スプレー缶のコンセプトデザインBrandalismを今回はご紹介します。...
View ArticleClik here to view.
フラットデザインでApple製品を再現！無料Photoshopモックアップ素材78個セット
Appleが販売している、iPhoneやiPad、MacBook、iMacなど、すべての製品をフラットデザインで再現した、無料モックアップPSD素材セット「Flat Apple Devices MockUp」が公開されていたので、今回はご紹介します。 アングルの違いなどを合わせると、80種類近くのデザインに対応した、持っていて損はないアイテムとなっています。...
View ArticleClik here to view.
SVGファイル大解剖 : Illustratorによる作成から、Web書き出しまで
SVG（Scalable Vector Graphics）とは、1998年に誕生した、ベクターイメージフォーマットです。これまであまり利用されている、ケースは少なかったのですが、Internet Explorer 9を含む、主要モダンブラウザが、SVGファイルに対応したのをきっかけに、ユニークなデザインを再現するのに、利用されはじめています。...
View ArticleClik here to view.
配色の参考にしたい、美しいこだわりの無料UIエレメント素材まとめ
海外デザインブログGraphic Design Junctionで、Webサイトやモバイルアプリを作成するときに活用したい、無料UIエレメント素材をまとめたエントリー「Flat UI Kits for Designers」が公開されていたので、今回はご紹介します。...
View ArticleClik here to view.
Webデザインで白の背景をつかうときのポイント + 参考サイトまとめ
ここ最近のWebデザインを見ていると、真っ白の背景を利用しているサイトを、よく見かけるようになっています。ダーク系やパターンテクスチャなどを利用したデザインから、トレンドはミニマルなデザインに移行しています。 真っ白な背景は、もっとも簡単な利用方法に思えますが、テキストやイメージ画像の選択や、デザイン全体の美的センスを整えたりと、利用の際にはいくつかのポイントがあります。...
View ArticleClik here to view.
2014年に流行しそうな、注目Webデザイントレンド20個を大予想
あたらしい年がはじまり、どのようなデザインが登場するのか、たのしみにしています。海外デザインブログHongkiatで、2014年のWebデザイントレンド20個をまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out for in 2014」が公開されていたので、今回はご紹介します。...
View ArticleClik here to view.
2014年注目のイラストレーター30人（Behanceコミュニティ編）
デザインインスピレーションをお探しですか。Photoshop CCでつくった作品を、直接Behanceへ直接アップロード統合する機能が追加されました。Behanceは、クリエイティブな作品を展示したり、ポートフォリオを作成したりと、幅広く世界中のユーザーからフィードバックを得ることができる、デザインコミュニティーサイトです。 海外デザインブログCreaitve...
View ArticleClik here to view.
デザインに質感を加える、無料パターンテクスチャ素材セットSubtle Light Tile Pattern
白をベースとした、程よい質感を表現できる無料パターン素材セットSubtle Light Tile Pattern vol.6が公開されていたので、今回はご紹介します。 継ぎ目のないシームレステクスチャパターン素材で、グラフィックデザインのほかに、Webデザインにもばっちり対応したアイテムではないでしょうか。今回シリーズ第６弾となり、これまでの歴代パターン素材も一緒にまとめています。...
View ArticleClik here to view.
Webサイト制作をスピード化！Photohsop拡張機能プラグインまとめ
あたらしい年がはじまり、Webサイト制作フローにあたらしいPhotoshopプラグインを追加してみませんか。制作スピードをアップしてくれる、便利な拡張機能、スクリプトをまとめました。 海外デザインブログDesignModoで、Webデザイン制作をより効率化してくれる、Photoshop拡張機能プラグインをまとめたエントリー「Photoshop Plugins You Won’t Be...
View ArticleClik here to view.
ざらっとノイズ感を演出！味わいハーフトーン無料Photoshopパターンテクスチャ素材セット
ざらっとした質感のハーフトーン素材をより手軽にデザインに活用できる、Photoshopパターンテクスチャ素材セット「Free Pack of 12 Distreesed Halftone Pattern Textures」が公開されていたので、今回はご紹介します。 あらあじめ用意したデザインに重ねることで、味のあるレトロ感を演出することができる便利アイテムとなっています。...
View ArticleClik here to view.
デザイントレンド採用！高機能なプレミアムWordPressテーマ素材まとめ
プロジェクトの種類や業種、職種に応じて自由にカスタマイズできるWordPressテーマ素材。2014年デザイントレンドも含めユニークなデザインレイアウトが公開され、また管理画面の操作性にもこだわりを魅せた作品が増えているようです。 海外デザインブログCrazyleaf Design Blogで、新しく公開されたプレミアムWordPressテーマをまとめたエントリー「20...
View ArticleClik here to view.
テキスト入力するだけで美しい、万能フリーフォント素材Bebas Neue
ミニマルデザインやフラットデザインとの相性もよい人気フリーフォントBebasをベースに、太さの異なる4種類のフォントをセットにしたBebas Neueが公開されていたので、今回はご紹介します。 フォントの太さを組み合わせテキスト入力するだけで、オシャレな雰囲気を演出することができますよ。 詳細は以下から。 デザイン性の高い人気フリーフォントBebas Neue...
View ArticleClik here to view.
デザイン性たっぷりなPS無料パターンテクスチャを公開するサイトPattern Library
継ぎ目のないパターンテクスチャ素材は、Webデザインの背景などにも利用する人気アイテムです。オシャレな色合いのパターンテクスチャ素材を定期的に公開しているプロジェクトPattern Libraryが公開されていたので、今回はご紹介します。 あまり他では見かけないデザインの高い素材から、使いやすい質感系パターンまでさまざまなアイテムが公開されています。 詳細は以下から。...
View ArticleClik here to view.
2014年も続く人気トレンド、フラットデザインの無料アイコンセットまとめ
先日2014年のウェブデザイントレンドでも紹介した、去年に引き続き人気がありそうなフラットデザイン。かわいいイラストを使った、ユニークなアイコンデザイン素材をあつめました。 海外デザインブログCSS Authorで、最近公開されたフラットデザインのアイコンセットをまとめたエントリー「Free Icons for Web and User Interface Design...
View ArticleClik here to view.
Photoshopでビンテージ風ステンシルエフェクトをつくる方法
お好みのロゴに簡単なステップのみで、ビンテージ風ステンシルデザインを作成することができるチュートリアル「Vintage Stencil Style in Photoshop」が、デザインブログAbduzeedoで公開されていたので、今回はこちらを参考に作成したアートワークの手順をご紹介します。...
View ArticleClik here to view.
自転車をコンセプトにした、素敵なイメージ写真デザインまとめ
海外デザインブログDigital Photography Schoolで、自転車をコンセプトにした素敵なイメージ写真を25枚まとめたエントリー「25 Amazing Images of Bicycles」が公開されていたので、今回は印象的だったデザインをまとめてご紹介します。 まだまだ寒い日が続きますが、外出してカメラ撮影がしたくなるような、魅力的な写真があつめられています。...
View ArticleClik here to view.
ビデオ動画をヘッダーに使った素敵Webデザインまとめ
Webデザインにおいて、ビデオ動画やアニメーションを取り入れることは、訪問ユーザーの注目をあつめる効果的な方法のひとつです。特にビデオの場合、フルスクリーンでなく部分的に、たとえばヘッダーデザインに利用することで、より分かりやすい情報を伝え、ユーザーがより興味をもつきっかけにもなります。またjQueryとHTMLでコーディングすることで、動画の埋め込みも簡単になっています。...
View Article