TOP  >  mobile

Tag : mobile

2018年07月18日

デザイナーのための フリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits for Web & Mobile App Designers」

数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は、WEBやUIデザインに役立つ、Adobe XDのUIキットを20種をまとめた「20 Free Adobe XD UI Kits for Web & Mobile App Designers」をご紹介します。

adobexd_ui_05
Free Adobe XD Collaboration App by Edwin Delgado – Dribbble

どのキットも、無料で利用できるので、チェックしておくと重宝してくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加
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年12月07日

サイト制作にそのまま使える!デザイン性の高いWordPressテーマまとめ「26 New Freebie WordPress Themes Released in 2012」

個人でWEBサイトを制作する方も増えていますが、専用のデザインソフトがなく、なかなか思い通りのサイトを作れないとお悩みの方も多いのではないでしょうか?そんな中今回紹介するのが、サイト制作にそのまま使える、デザイン性の高いWordPressテーマをまとめた「26 New Freebie WordPress Themes Released in 2012」です。


Classic Photography Theme for WordPress | Vandelay Design Blog

シンプルなテーマから個性を表現できるテーマまで、さまざまなWordPressテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:56  |  
Category: WordPress   
2012年05月15日

バリエーション豊富な小石テクスチャまとめ「Collection of Free Pebble Textures for Designers」

自然の産物である”石”。デザイン素材として敷き詰めてテクスチャにしたり、小石単体でパーツとして使用したりと、案外活用度の幅は広いのではないかと思います。そんな中今回紹介するのが、バリエーション豊富な小石が楽しめるテクスチャをまとめた「Collection of Free Pebble Textures for Designers」です。


Pebble Texture-Stock by ~Thorvold-Stock on deviantART

一色の小石が集まった素材からカラフルな小石が楽しめる素材まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:51  |  
Category: Design   
2015年02月23日

Photoshopで作り出すパターンチュートリアルまとめ「A Compilation Of Pattern Tutorials For Photoshop」

デザイン素材の中でも、比較的使用頻度の高いパターン素材。既存のものを手軽に使用するのも良いですが、時にはオリジナル性を高めるために自身で作りたいというシーンもあるのではないでしょうか?今回はそんな時に参考にしたい、Photoshopで作り出すパターンチュートリアルまとめ「A Compilation Of Pattern Tutorials For Photoshop」を紹介したいと思います。

pattern0221_0
How to Create an Abstract Low-Poly Pattern in Adobe Photoshop and Illustrator – Tuts+ Design & Illustration Tutorial

いろいろなデザインのパターンの作り方を、分かりやすく紹介したチュートリアルがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:16  |  
Category: Photoshop   
2014年11月07日

手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」

スマートフォンやタブレットが主流になったことで、画面をタッチする手の動きを表現するデザインシーンも増えています。そんな中今回紹介するのは、手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」です。

handtouch

主に指先でタッチやスワイプをする動作が表現された手のひらアイコンが100種セットになっています。

詳しくは以下

(続きを読む…)

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

いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」

すでに広く浸透しつつあるApple Watch。とても便利で、専用アプリケーションも多数登場しています。今回はそんな市場の広がりに合わせて使用できる、いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」を紹介したいと思います。

appwatch3
Dribbble – Apple Watch Free Template PSD by Daniel Macedo

さまざまテイストのApple Watchを表現できる素材がまとめられており、非常に便利に活用することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:51  |  
Category: Design   
2008年09月15日

アナログ感溢れる手書きフォント10選「10 sketchy fonts for web designers 」

手書きフォント、文字には整ったラインを持ち、キレイに作られたフォントには無い魅力があります。今日紹介するのはアナログ感溢れる手書きフォントを集めたエントリー「 10 sketchy fonts for web designers 」です。


FFF Tusj

エントリーには全部で10個の手書きフォントが紹介されていますが、今日はその中から特に気になったフォントをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:40  |  
Category: Design , Font   
tag: Design Font
2009年08月19日

様々なフリーベクターデータがダウンロードできる「Vectors on Fire」

グラフィックデザインをする上で非常に便利なベクターデータ。様々な現場で活躍していますが、今日紹介するのはそんな便利なベクターデータの素材がダウンロードできるWEBサイト「Vectors on Fire」です。

vectorfire01

バックグラウンドやイラストレーションから超リアルに表現された金魚といったかわったものまで様々なベクターデータが用意されています。いくつか公開されていますが、今日はそのなかからいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:06  |  
Category: Design , vector   
tag: Design vector
2018年11月19日

可愛らしい雰囲気の素材を中心としたフリー素材まとめ「10 AWESOME FREEBIES FOR CREATIVE PROFESSIONALS」

いろいろなテイストの素材を日々チェックしておくことで、デザインの幅を広げることができると思いますが、そんな中今回ご紹介するのは、可愛らしい雰囲気の素材を中心としたフリー素材まとめ「10 AWESOME FREEBIES FOR CREATIVE PROFESSIONALS」です。

gazou1
HARRLEMS FONT + BONUS

テキストフレームやスタンプ、フォントなど、デザインを彩る様々な素材がテーマごとにまとめられています。気になった素材を幾つかピックアップしましたのでご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2015年03月04日

2000個の種類豊富なフリーアイコンセット「2000 Flat Icon Pack」

webサイト等を作成するのに便利に活用できる素材・アイコン。非常に種類豊富に展開されていますが、いろいろな種類があるがゆえにどれをダウンロードすればよいか迷ってしまうことも。今回はそんな時におすすめ、2000個の種類豊富なフリーアイコンセット「2000 Flat Icon Pack」を紹介したいと思います。

2000icon

さまざまなカテゴリのアイコンが揃っており、主流のトレンドに合わせたフラットデザインでデザインされている点も魅力となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:58  |  
Category: Design   
2018年04月17日

写真に手軽に霧や煙を加えられる高品質なPhotoshopブラシセット「20 Smoke Photoshop Brushes」

ミステリアスな雰囲気を出したり、食べものを美味しそうにみせたり、写真に加えることでさまざまな効果を出すことの出来る煙や霧のようなスモーク。使い勝手のいい効果なだけに、手軽に使えるスモーク素材があるととても今回はそんなスモークをもっと手軽に取り入れることのできる、高品質なPhotoshopブラシセット「20 Smoke Photoshop Brushesをご紹介します。

20-smoke-photoshop-brushes1

Photoshopで写真加工のついでに気軽に使えるハイクオリティなスモークブラシセットです。

詳しくは以下
(続きを読む…)

続きを読む
posted 09:00  |  
Category: Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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