TOP  >  モバイル

Tag : モバイル

2016年01月26日

デザインクオリティの高さが魅力 フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」

フリーで配布されているUIを使用することで、デザインクオリティを格段にアップさせることができます。今回はそんなデザインクオリティの高さが魅力の、フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」を紹介したいと思います。

mobileui0125_1
Nerdial App UI | uiSurf

非常にデザイン性の高いUIキットがリストアップされています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年06月20日

モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」

今や、サイトデザインはPC版だけでなく、モバイルにも対応したサイト設計が必須となっています。今回はそんな時に参考にしたい、フリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」を紹介したいと思います。

mobileui_1
Planner & Meteo UI Kit for iPhone

デザイン性の高い、さまざまなテーマのフリーUIキットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年05月04日

モバイルでも使いやすさを実現できる 10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」

写真が若干小さめに配置されていても、クリックなどのアクションを起こすことで大きく表示させることができるライトボックスは、webの世界では非常に重宝されている存在。今回はそんなプラグインの中でも、モバイルでも使いやすさを実現できる、10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」を紹介したいと思います。

lightbox3
Featherlight – The ultra slim jQuery lightbox.

シンプルな動きで使いやすさがありながらも、それぞれに個性をもったプラグインが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年04月02日

web・モバイルサイトのワイヤー制作に活用できるテンプレート「20 Free Web and Mobile Wireframe Templates」

webサイトやモバイルサイトを制作する際、全体の構成を決めるために、ワイヤーフレームを使って設計をすることも多いと思います。今回はそんなワイヤー制作に活用できるテンプレート「20 Free Web and Mobile Wireframe Templates」を紹介します。

mobilewebtemp_1
Anthony Aubertin @Noxdzine – iPhone wireframe ui set

いろいろなテイストのワイヤーフレームテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年01月01日

モバイル・web制作に活躍するPSD UIキット「Web and Mobile UI Kits with PSD Files for Designers」

スマートフォンデザインのモックアップ、web制作の企画・設計などを行う時、一からパーツのデザインを行っていると時間と手間がかかってしまうもの。今回はそんなシーンに活躍してくれるPSD UIキット「Web and Mobile UI Kits with PSD Files for Designers」を紹介したいと思います。

psdkit2013_1
Dribbble – Flat UI kit /.PSD Freebie/ by George Vasyagin

さまざまな箇所に使える多彩な種類のPSDファイルが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:18  |  
Category: Design   
このエントリーをはてなブックマークに追加
2012年11月22日

WEBサイトとモバイルサイト制作の参考になるUIキットまとめ「40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers」

web制作の際には、ユーザビリティの高い設計に加え、視認性の高いデザイン素材を使用する事も重要。今回はそんなデザイン制作の際にチェックしたい、WEBとモバイルのUIキットをまとめた「40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers」を紹介したいと思います。


Passbook UI PSD from iOS6

シンプルなUIはもちろん、シーンに合わせて使いやすいUIデザインが、たくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:05  |  
Category: Design   
このエントリーをはてなブックマークに追加

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

2017年10月15日

最新の高品質なフリーグラフィックスまとめ「28 Free Vector Graphics Free Download for Commercial Use」

デザイナーにとって最新のフリー素材は常にチェックしておきたいもの。今回は、そんな方におすすめできる「28 Free Vector Graphics Free Download for Commercial Use」を今回はご紹介していきたいと思います。

Texture_Pack_Vol_07_CS6
Freebie: Vintage Barber Shop Logo Templates (PSD) on Behance

デザイン制作のシーンで非常に便利な高品質素材ばかりがまとめられています。いくつか気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , vector , WebDesign   
2014年10月31日

デザイン性を高める 最新のフリーフォントまとめ「20 Fresh Fonts and Typefaces for October 2014」

デザイン性の高いフリーフォントを使用することで、デザインのクオリティを高められるのと同時に、コストダウンもすることができます。今回はそんなフリーフォントを集めた、「20 Fresh Fonts and Typefaces for October 2014」を紹介したいと思います。

font1031_1
Paneuropa Neue – Free Typeface on Behance

比較的新しいフリーフォントが20種、厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:03  |  
Category: Font   
2008年03月03日

美しいmovabletypeのデザインを集めた「Movable Love」

国内ではWordPressを凌いで確固たる地位を気づき上げているCMS、Movabletype。ブログをMovabletypeで作られている方も多いのでは無いでしょうか?今日紹介する「Movable Love」はMovabletypeに特化したデザインショーケースです。

movabletype

CSSやWEBサイトのデザインショーケースは数多く存在するかと思いますが、Movabletypeに絞ったというのはなかなか珍しいですね。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:28  |  
Category: WebDesign   
2009年01月12日

4000以上のフリーphotoshopブラシがダウンロードできる「BrushKing」

photoshopのデザインの幅を多く広げてくれるブラシ。今までフリーで利用できるphotoshopブラシを数多く紹介してきましたが、今日紹介するのはそんなフリーで使えるphotoshopブラシを数多く紹介しているWEBサイト「BrushKing」です。

収録されているブラシ数は4,000にもおよび、様々なジャンルのフリーphotoshopブラシが公開されています。、今日はその中からいくつか気になったブラシをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:01  |  
Category: Design , Photoshop   
2015年10月14日

フリーで使用可能 豊富に種類の揃ったラインアイコンまとめ「1000+ Free Thin Line Icons For Web and App Design Projects」

主に、webサイトをデザインする際によく使用するアイコン素材。いろいろなテイストのものがありますが、ラインで描きだされたアイコンはシンプルで活用範囲が広いため、非常に便利です。そんな中今回紹介するのは、豊富に種類の揃ったラインアイコンまとめ「1000+ Free Thin Line Icons For Web and App Design Projects」です。

icon1014_1
200 Windows 10 Icons | GraphicBurger

フリーで使用可能な、ラインアイコンセットが紹介されており、どれも定番としてストックしておきたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:14  |  
Category: Design   
2012年08月23日

アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」

アナログテイストなデザイン制作にはもちろん、デザインのワンポイントとしても使いやすい手書きフォントですが、イメージにぴったりなフォントを見つけるというのは難しいもの。そんな中今回紹介するのが、アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」です。


Pirmokas Font | dafont.com

洗練された雰囲気のフォントから、個性的なフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:27  |  
Category: Design , Font   
2011年09月14日

さまざまな金属の質感を表現できるテクスチャ集「65+ Free Photoshop Metal Patterns」

デザイン制作に必要なさまざまなテクスチャ素材は、たくさんストックしておきたいもの。そこで今回紹介するのが、金属のさまざまな質感に対応できるテクスチャ集「65+ Free Photoshop Metal Patterns」です。


All sizes | ASL4009 ~ Metal Line Pattern | Flickr – Photo Sharing!

リアルな質感を表現する写真素材から、美しさの際立つCG素材まで、豊富なテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:39  |  
Category: Design   
2013年11月20日

1500点もの無料年賀状素材を配布する「年賀状AC」

毎年これくらいの季節になるとクリスマスやお正月など、年末・年始はイベントが多くプライベートも仕事もやる事が多い季節です。その中でも年賀状は特に大変で、見た目に拘ったり早めの発送が必要など、さまざまな手間が掛かります。今回はそんな年賀状の手間を少しでも減らせる無料の年賀状テンプレート・パーツを集めた「年賀状AC」を紹介したいと思います。

20131120_0
花柄の年賀状

これらは画像素材やフリー素材を発信しているFreebie ACから提供されているもので、来年の干支「馬」をテーマにしたものや、写真を挿入することを想定したもの、多様なイラストなど、数多くの年賀状素材が配布されています。今回はその中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 01:36  |  
Category: Design   
2009年01月24日

WEBマガジン風のWEBデザインリソース「25 Outstanding Magazine Style Website Designs」

多くの情報をWEBで効率的に見せるのに参考になるのがWEBマガジン、メディア系のデザインどんなデザインがそれに当たるのかというのはなかなか定義が難しいところではありますが、なんとなくの特性の括りはある気がします。


Clutch Magazine

今日紹介するのはWEBデザイン風のWEBサイトを集めたリソースエントリー「25 Outstanding Magazine Style Website Designs」です。様々なデザインが公開されていますが、今日はその中からいくつか気になったモノをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:06  |  
Category: WebDesign   
tag: webdesign
2016年06月17日

タイポグラフィの用語が学べる「TYPETERMS」

セリフやストローク、ステムなど、タイポグラフィにはその文字の一部分を表す用語があり、デザイナーであればある程度耳にしたことがあると思いますが、今回紹介するのはタイポグラフィの用語が学べる「TYPETERMS」です。

type1

アクセスすると一つの文字が描画されており、その文字の中の一部をどのように呼ぶのかなどが一望できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:08  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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