TOP  >  素材

Tag : 素材

2017年07月29日

WEBデザイナーならチェックしておきたい活用できる最新素材まとめ「12 Freebies & Goodies For Web Designers」

Webデザインを行う際は、レスポンシブによる見栄えやUI設計への考慮など、さまざまな箇所に気を配らなくてはなりません。UIは日々進化しており、ユーザーが快適な使用ができるようにきちんと追いついていきたいもの。そんな方におすすめの、最新のUIキットなどがまとめられた「12 Freebies & Goodies For Web Designers」を今回は紹介します。

webdesignfreebies_topkeyboard

モックアップやWordPressのテンプレート、フォントなどがまとめられています。気になったものをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年07月25日

複数のモバイルデバイスを飛び越えて連結できるjavascript「What if all your mobile devices formed a single screen?」

スマートフォンやタブレット端末の普及とともに、様々な機能の実装も可能になってきました。そんな中今回紹介するのは、複数のモバイルデバイスを飛び越えて連結できるjavascript「What if all your mobile devices formed a single screen?」です。

swip01

今までにない新しいモバイル体験でユーザーを楽しませてくれそうです。デモムービーが公開されておりますのでご覧ください。

動画は以下より

(続きを読む…)

続きを読む
posted 09:00  |  
Category: javascript , Tool   
このエントリーをはてなブックマークに追加
2017年07月23日

デベロッパーとデザイナーのための最新リソースまとめ「10 Fresh Resources For Designers」

デベロッパー、デザイナーであれば常に最新の素材を所持しておきたいもの。ですが、膨大にある素材の中で探し出すことは非常に大変。今回はそんな最新のリソースがまとめられた「10 Fresh Resources For Designers」をご紹介していきたいと思います。

designresource_top
30 Adventurous Space To Earth Icons [Freebie] – Smashing Magazine

アイコンからモックアップまで色々な種類がまとめられています。いくつかピックアップしていますので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Photoshop , WebDesign   
このエントリーをはてなブックマークに追加
2017年07月06日

クリエイティブな企画書作成のためのKeynoteテンプレート「Startup Powerful Keynote Template」

デザインの提案に限らず、企画書を作成する機会は多いと思います。できれば企画書自体にも、クリエイティブ性を持たせておくと評価も高まるもの。そんな時に活用したい、クリエイティブな企画書作成のためのKeynoteテンプレート「Startup Powerful Keynote Template」を今回は紹介したいと思います。

Pagephillia01

Keynoteをベースとした32以上のテンプレートが集約されていますので、それぞれの場面で使い分けることもできそうです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年07月05日

WEBデザイナーのための6つのオンラインツール「6 Essential Open Source Tools for Web Designers」

スマートフォンやタブレット端末が普及した今日では、毎日 Webサイトを閲覧するという人も随分多くなったのではないでしょうか。そんな中今回紹介するのは、日々変化していくWebサイトを制作するWEBデザイナーのための6つのオンラインツール「6 Essential Open Source Tools for Web Designers」です。

essential01
Krita | Digital Painting. Creative Freedom.

デザインの手助けをしてくれるアイテムはとても便利で、より良いものを作る事ができる優れものです。その中でも、気になったものをいくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2017年07月01日

クリーンでシンプルなHTMLテンプレート「Floper HTML Template」

スッキリと綺麗に表現されているサイトは見やすく、使い勝手も良いもの。そんなサイトを手軽に作成するためにおすすめの、クリーンでシンプルなHTMLテンプレート「Floper HTML Template」を今回は紹介したいと思います。

freebie01

HTMLテンプレートですので自分好みにアレンジも可能。ベーシックなデザインで、いろいろなタイプのサイト設計に活用できそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:35  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2014年05月27日

ラフなテイストの表現に便利な手描きアイコンまとめ「17 Free Awesome Hand-Drawn Icon Sets」

立体的やフラットなどがアイコンのテイストとしての種類は豊富に展開されていますが、今回紹介するのは、ラフなテイストの表現に便利な手描きアイコンまとめ「17 Free Awesome Hand-Drawn Icon Sets」です。

handicon2
Hand Drawn Web FREE icon set by kac2or on deviantART

ハンドドローイングのさまざまな種類のアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2010年11月16日

ギャラリー構築のためのjQueryプラグイン集「20 jQuery Image and Multimedia Gallery Plugins」

高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。


Galleriffic

サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2015年09月28日

ハイクオリティなpsdフォーマットのフリーアイコンセット集「15 Fresh & High Quality Free Icon Sets In PSD Format」

アイコンにもさまざまなテイストがあると思いますが、リアルで質感のあるタイプはアイコンとしてだけでなく、グラフィックビジュアルの一部として利用できることも。今回はそんなシーンで活用できる、ハイクオリティなpsdフォーマットのフリーアイコンセット集「15 Fresh & High Quality Free Icon Sets In PSD Format」を紹介したいと思います。

psd0930_1
Digital camera icon (PSD) | PSDGraphics

まるで本物のような質感のアイコンが、厳選された数ではありますが、ピックアップされ紹介されています。気になったものを以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2008年10月16日

ソース付タブメニューインターフェイスのまとめ「30+ Animated Tab-Based Interface and Accordion Scripts」

様々なWEBサイトがあり、さまざまなインターフェイスが設計されていますが、今日紹介するのは数あるインターフェイスの中でもスタンダードなタブメニューとアコーディオンについてのインターフェイスのソース集「30+ Animated Tab-Based Interface and Accordion Scripts」です。


Scrolling Tabs

全部で30個以上のインターフェイスが公開されていて、すべてソースやサンプル付で公開されていますので、自分のWEBサイトに組み込むことも可能です。今日は紹介されている物の中からいくつか気になったインターフェイスを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:57  |  
Category: WebDesign   
2016年03月24日

商用可、宇宙をモチーフにしたアイコンセット「Astronomy & Space Icons」

様々な事象やモチーフをひと目で分かる形にしたアイコンはWEB制作ならずとも様々な制作の現場で重宝します。今日紹介するのはちょっと変わった切り口でまとめられた宇宙をモチーフにしたアイコンセット「Astronomy & Space Icons」です。

SpaceIcons_Featured

あまりUIなどでは利用できないとは思いますが、個性的で嵌まればものすごく使えるアイコンセットだと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:43  |  
Category: Design , vector   
2009年08月09日

ナビゲーションメニューのPSD素材「PSD website navigation menus set」

WEBを構成する要素で重要な要素の一つ、ナビゲーション。ユーザーが実際操作する所だけあってそのサイトの印象を決めると言っても過言ではない部分です。今日紹介するのはそんなシンプルなナビゲーションの素材をセットにしたPSD素材集「PSD website navigation menus set」を紹介したいと思います。

website-navigation-menu

基本的には同じ構成、配置になっていますが、ナビゲーションバーの中のイメージが微妙に変わっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:35  |  
Category: Design , Photoshop , WebDesign   
2007年11月24日

CSSベースのクールなリストが簡単に作れる「List-O-Matic」

メニューやリンクリストなど様々な所で活躍し、ブログでもサイトでもかなりの頻度で使う事になるリスト。今回紹介する「List-O-Matic」はCSSベースで、様々なリストをカスタマイズしながら簡単に作れるWEBサービスです。

CSSLIST生成

デザインは横組、縦組とありスタンダードなリストから、少し凝ったリストまであり、新規でサイトを立ち上げようとしている人やインターフェイスを再考している人にはかなり便利なサービスだと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:35  |  
Category: WebDesign   
2014年05月14日

手描きのさまざまなアイコンフォントやUIをダウンロードできる「Hand Drawn Goods」

豊富にインターネット上で配布されている素材にはいろいろなテイストがあり、制作しているデザインに合わせて選ぶことができるようになっています。そんな中今回紹介するのは、手描きのさまざまなアイコンフォントやUIをダウンロードできる「Hand Drawn Goods」です。

freedrowicon1

ラフな雰囲気の手描きアイコンフォントがいろいろなテーマで用意されており、それぞれフリーで手に入れることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2014年04月08日

デザインに動きや機能性を簡単に取り入れられる HTML5&CSS3チュートリアル「Useful And Fresh HTML5 & CSS3 Tutorials」

デザイン構築をする際に便利に利用できるHTML5&CSS3。目的に合わせて組み込まれていると思いますが、どのようにしたら実現できるかわからないことも多いのではないでしょうか?そんな時に活用したい、HTML5&CSS3チュートリアル「Useful And Fresh HTML5 & CSS3 Tutorials」を今回は紹介したいと思います。

html50408_1
Caption Hover Effects | Codrops

デザインに動きや機能性を簡単に取り入れられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:44  |  
Category: Design   
2011年04月06日

1ページに全てのコンテンツを集約したデザインwebサイトまとめ「35 Nice Single Page Web Designs」

多様化するwebデザインの中で、効率的にユーザビリティーに配慮したサイトを構築するというのは難しい部分でもあります。今回紹介するのは、1ページに全てのコンテンツを集約したデザインwebサイトまとめ「35 Nice Single Page Web Designs」です。


WebGuerilla

一つのwebサイトにいくつものページを構成するのではなく、1ページのみですべてのコンテンツを完結させた、機能性と構成のアイデアを融合させた斬新なwebサイトが多数紹介されています。中でも特に気になったサイトをチェックしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る