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

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

2010年03月02日

最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」

軽量で非常に高機能なjavascriptプラグイン。豊富な機能に加えて、デザイナーでも何とかわかる範囲の言語として最近さらに人気を集めていますが、今回紹介するのは最新の使えるjQueryプラグインを集めた「25 Amazing and Fresh jQuery Plugins」というエントリー。

jquerynew01
Meerkat

最近リリーされた使えるjQueryプラグインが集められています。様々な機能のものがありますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:08  |  
Category: WebDesign   
2017年12月20日

絵本のような温かい雰囲気が魅力!鳥と羽根のイラストがセットになった素材集「Birds & Feathers Graphic Pack」

大空を自由に舞い、美しい羽根を持つ鳥。デザイン制作シーンでは、グラフィックの中にアクセントとして取り入れることもあるかと思います。そんな中今回ご紹介するのは、鳥をモチーフにした素材集「Birds & Feathers Graphic Pack」です。

birds-feathers-graphic-pack
Birds & Feathers Graphic Pack — download free by PixelBuddha

まるで絵本のキャラクターのように温かみのあるタッチで描かれた、可愛らしい鳥のイラスト風素材が一式揃っています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2010年03月19日

ipadで何かを企んでいる方向けのデザインテンプレート集「iPad Templates and Stencils」

国内外で話題を読んでいるAppleが発表したipad。今までにない位置づけの端末で、様々な方面で期待されていますが、今回紹介するのはipad向けのアプリやサービスをいまのうちから考えている人のためのipad開発者向けのデザインテンプレート集「iPad Templates and Stencils」です。

ipad-gui01
iPad Stencil for Omnigraffle by iA

待ち受け画面、キー入力の画面、ボタンやパーツなどなど、ipadの様々なシーンの素材がまとめられています。様々な素材が集められていますがいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:40  |  
Category: Design , Photoshop   
2011年11月02日

デザイン性の高い新しいフリーフォント集「30 New Free Fonts For Designers」

日々変化する流行に合わせてデザインを作り上げるということは、デザイナーとして仕事を続けていくために重要なこと。そこで今回紹介するのが、最近の流行に合わせたデザイン性の高いフリーフォントを集めた「30 New Free Fonts For Designers」です。

Bright Young Things Font | dafont.com

シンプルなフォントはもちろん、コンセプト性の強いフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:27  |  
Category: Design , Font   
2008年01月29日

テクスチャからイラストレーションまでPhotoShopチュートリアル100選

イラストレーションから風景、革や壁、アニメまで様々なアートワークのPhotoShopチュートリアルが100個紹介されています。フィルタを駆使していくものから、ブラシを使って絵を描いていくものまで幅広いチュートリアルが公開されています。

photoshopチュートリアル

どれもクオリティの高い作品がならんでいて、英語にはなりますが、photoshopのスクリーンショットを用いて開設されていますのでなんとか理解できるレベルだと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:51  |  
Category: Design , Photoshop   
tag: Design
2010年04月11日

様々な用途に使えるフリーDingbatFontをまとめた「Typography – 46 Cool & Useful Dingbat Fonts」

アルファベットのフォントではなくて、グラフィックが割り当てられている「DingbatFont」。様々なDingbatFontがリリースされていますが、今日紹介するのはそんなDingbatFontを集めたエントリー「Typography – 46 Cool & Useful Dingbat Fonts」を紹介したいと思います。

dingbatfonts_01
We Spray

こちらのエントリーでは、枠、グラフィック、ワンポイントに使えそうなポイントデザインなど、様々な絵柄のフォントがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:00  |  
Category: Design , Font   
tag: Design Font
2010年11月12日

Photoshopで創るクリエイティブなテキストエフェクトチュートリアル集「20 Creative Photoshop Text Effect Tutorials」

世界中のクリエイティブワークで利用されているソフトウェアphotoshop。使い方次第で様々な表現が可能ですが、今日紹介するのはphotoshopを利用したテキストエフェクトチュートリアル集「20 Creative Photoshop Text Effect Tutorials」です。


Stunning Liquid Text Effect

立体的なものから、写真を利用したものなど様々なチュートリアルが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

Embossed Text with Metallic Glow
鉄板を型抜いたような表現のテキストエフェクトチュートリアル。


 
 
 
 
 
Atmospheric Under-Water Text Effect
水滴でかたどられたテキストを表現するためのチュートリアル幻想的な雰囲気を演出することができます。


 
 
 
 
 
Cool Text Effect with the Puppet Warp Tool
ロープで作るテキストエフェクト。細かい質感も表現されています。


 
 
上記の他にも様々なクリエイティなphotoshopチュートリアルが公開されています。新しいデザインに挑戦したいという方は是非どうぞ。

20 Creative Photoshop Text Effect Tutorials

続きを読む
posted 12:39  |  
Category: Design , Photoshop   
2013年09月07日

クリエイティブでセンスのあるコンタクトフォーム集「Inspiring & Creative Contact Forms」

WEBではユーザーと運営者をつなぐもっとも一般的な手段であるコンタクトフォーム。何が目的でコンタクトを取っていただくかにもよりますが、その使い勝手やデザインは、途中で離脱させないためにも様々な工夫が必要であると言われていますが、今日紹介するのはクリエイティブでセンスのあるコンタクトフォーム集めたエントリー「Inspiring & Creative Contact Forms」です。

form_01
Contact • Café Evoke // Coffee, Wine, Beer, Eats, and Catering in Edmond & Oklahoma City

一般的に国内でよく見るコンタクトフォームでは無く、海外のものが中心で、どれもクリエイティブなものとなっています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:32  |  
Category: WebDesign   
2008年08月21日

iPhoneのユーザーインターフェイス素材集「iPhone GUI PSD」

先日発売され、日本でも話題を振りまいたiphone3Gですが、今回紹介するのはそのiphoneやipod touchに使われているインターフェイスの素材集「iPhone GUI PSD」です。

これはその名の通り、iPhoneで使われているユーザーインターフェイスのパーツを素材として使えるようにPSDファイルにし、配布されている物です。上記の写真のようにかなり細かく作り込んであり、忠実に再現されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:23  |  
Category: Design , Font , Photoshop , plugin   
2012年11月20日

精巧な表現がクオリティに差を付ける!交通関係のPhotoshopブラシまとめ「35+ Cool Photoshop Transportation Brush Sets」

車やバイクなどの表現が難しい素材は、デザインを作り上げるのにとても時間がかかります。そんな中今回は、精巧な表現がクオリティに差を付ける、交通関係のPhotoshopブラシをまとめた「35+ Cool Photoshop Transportation Brush Sets」を紹介したいと思います。


Truck Brushes Set 4 by ~garystewart40 on deviantART

スポーツカーからレトロな車、バイクや帆船まで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:41  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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