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   
このエントリーをはてなブックマークに追加

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

2009年06月09日

モックアップをドラッグ&ドロップで簡単に作成できる「Balsamiq Mockups」

デザインの変更の手間を防ぐ為にWEB制作時にはコーディングしていないモックアップをデザイン案として見せるのが主流だと思います。今日紹介するのはラフなモックアップをドラッグ&ドロップで簡単に作成できるWEBツール「Balsamiq Mockups」です。

balsamiq

パーツをおいていくような感覚で簡単に作成できます。実際「Balsamiq Mockups」を使って制作しているイントロムービーがYouTubeにアップロードされていましたので、下記に貼付けておきます。

動画は以下から

(続きを読む…)

続きを読む
posted 10:31  |  
Category: WebService   
2015年12月24日

2015年に紹介されたベストアイコン50がまとめられた「Top 50 Free Icon Sets from 2015」

2015年ももうすぐ終わりに差し掛かっているということもあり、まとめ系サイトでは1年のまとめ記事がアップされています。その中で今回は、2015年に紹介されたベストアイコン50がまとめられた「Top 50 Free Icon Sets from 2015」を紹介したいと思います。

icon1223_3
Dribbble – Free vector icons: Retro Volume 1 by Frexy

ベストな50選ということもあり、非常に多彩な種類のアイコンがラインナップされています。中からいくつか気になったものをピックアップしましたので下記より御覧ください。

詳しくは以下

(続きを読む…)

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

専門的な分野のアイコンもピックアップした「40 New Icon Sets for March 2014」

webデザイン制作をする中で、非常に活躍の場が多いアイコン。イラストだけで意味を表現できるとても便利な素材です。今回はそんなアイコン素材をまとめた「40 New Icon Sets for March 2014」を紹介したいと思います。

icon140329_0
Free Vector File – 180 Science Icons | The Creative Portfolio of Nick Botner

定番としてベーシックに使えるアイコンから、専門的な分野まで、さまざまな種類がピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:02  |  
Category: Design   
2015年10月26日

テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」

イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。

texteffect1
How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply

テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

デザインに彩りを与えてくれる15種のカリグラフィーフォント「15 Free Calligraphy Fonts for Designers」

文字を美しく見せるための技法が用いられ作成されたカリグラフィーフォントは、デザインに柔らかさや洗練された雰囲気を与えてくれます。そんなカリグラフィーフォントをまとめた「15 Free Calligraphy Fonts for Designers」を今回は紹介したいと思います。

font140518_1
Billion Stars Font | dafont.com

15種の、デザインに彩りを添えるカリグラフィーフォントが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:01  |  
Category: Font   
2010年07月29日

制作に便利なphotoshop、illustratorパターン集「50 Tileable and Seamless Pattern Sets (500+ Patterns)」

特定の絵柄を敷き詰めていくことができるパターン。デザインを作りこんでいく上で、簡単に質感を高めたりディテールを高めたりすることができます。今日紹介するのは制作に便利な、photoshop、illustratorパターン集「50 Tileable and Seamless Pattern Sets (500+ Patterns)」というエントリー。


Seamless Paper Patterns – 6 Patterns (Photoshop & JPG)

photoshop、illustratorと制作には欠かせないソフトで利用出来るパターンが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop , vector   
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   
2016年05月07日

チェックしておきたい デザイナーのための役立つリソース集「50 Free Resources for Web Designers from April 2016」

デザイナーなら常にチェックしておきたい最新の素材。でも、膨大な量の素材の中からお気に入りを探すのはなかなか大変なものです。そんなときに役立つリソース集「50 Free Resources for Web Designers from April 2016」を今日は紹介したいと思います。

resources0507_4
Chalkboard Sign PSD Mockup – GraphicsFuel

UIやワイヤーフレーム、アイコン、フォントなど、さまざまな種類の素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

WEBデザイナーに役立つリンクを集めた「455 helpful links for webdesigners」

英語のサイトになリますが、WEBデザインに関して、ほとんどのジャンルを網羅しているリンク集「455 helpful links for webdesigners」を紹介したいと思います。こちらのリンク集はajax、blogs,colors,cssなどの役立つ情報を集めています。

WEBデザイナーのためのリンク集

タイトルの通り全部で455のリンクが収録されていて、かなり勉強になりそうなリンク集です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2014年12月24日

アンティーク・ゴージャスな雰囲気をプラスできるフレームブラシまとめ「20+ Free Frame Brushes To Download」

デザインの縁取りや装飾に利用されるフレーム。ブラシ形式の素材として持っていると、手軽に描き出すことができて非常に便利です。今回はそんなフレームブラシまとめ「20+ Free Frame Brushes To Download」を紹介したいと思います。

frame1
Free Decorative Brushes

アンティーク・ゴージャスな雰囲気をプラスできるテイストのブラシが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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