TOP  >  app

Tag : app

2018年01月17日

滑らかなラインが特徴的なアプリに最適なUIアイコンまとめ「140+ Free Vector UI Icons (SVG)」

アプリには必要不可欠なアイコン。テキストよりもアイコンで伝えることが多く、ほとんどのユーザーもアイコンで直感的に機能を理解して操作を行うことが多いのではないでしょうか。それくらい重要なアイコンを探している方におすすめできる、「140+ Free Vector UI Icons (SVG)」を今回はご紹介していきます。

vector_svg_icons_top

複数のテーマにわけられてシリーズ展開されているアイコンまとめになります。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:48  |  
Category: vector , WebDesign   
このエントリーをはてなブックマークに追加
2013年11月14日

iOS7を中心としたAppleのデザインモックアップ集「Design freebies by Oz Pinhas」

iPhone5sやiPad Airの発売など、続々と新機種発表や商品を展開しているApple。それに伴い、アプリケーションの開発など、iOS向けの開発のお仕事も増えているのではないでしょうか。今回はそんな時に便利なiOS7を中心としたデザインモックアップを紹介したいと思います。

ios7mockup_0

iOS7のホーム画面や設定画面、更にiTunes11のインターフェイスまで用意されていて、すぐに利用できそうなモックアップのベース素材が取り揃えられています。

(続きを読む…)

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

インスピレーションに!美しいフラットデザインiPhoneアプリ集「23 Flat Design iPhone Apps」

iOSの大型アップデートがあり、フラットデザインへの大幅なUI変更が話題を呼びました。そしてその波はiPhoneアプリにも及んできています。今回紹介するのはインスピレーションを得ることができる美しいフラットデザインiPhoneアプリ集「23 Flat Design iPhone Apps」です。

23fdia_0
Dribbble – Musix App – Albums by Scardi Shek

どれもシンプルで美しい、バランスのとれたUIたち。全部で23ものアプリがまとめられていましたが、その中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

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

iPhone5モックアップ制作のためのPSDファイル「iOS 6 GUI PSD (iPhone 5)」

そろそろiPhone5の販売も一段落していて、多くの方が手にしている現状で、iPhone4Sなどの旧機種のユーザーもiOS6へのアップデートからもしばらくたちますので、モックアップも、iOS5のままというわけにも行かなくなってきているなんて制作会社の方もいらっしゃるのではないでしょうか?今日紹介するのはiPhone5モックアップ制作のためのPSDファイル「iOS 6 GUI PSD (iPhone 5)」です。

iOS5と比べて細かなUIが変わっていますし、iPhone5画面解像度も変わっていますので、WEBサイトの見栄えも多少変わっています。

詳しくは以下

(続きを読む…)

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

直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」

WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。

ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。

詳しくは以下

(続きを読む…)

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

iphone、AndroidアプリのUIデザイン集「40 Dribbble Shots for Mobile and UI App Design Inspiration」

スマートフォンが数多くリリースされ、アプリをデザイン制作を頼まれるそんなケースも増えてきていると思います。今日紹介するのはユニークなアプリのユーザーインターフェイスを集めたエントリー「40 Dribbble Shots for Mobile and UI App Design Inspiration」です。


iPhone App UI

OS標準のものではなく、アイデアが盛り込まれたインターフェイスが多数まとめられています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2011年03月07日

フードカフェ関連のウェブサイトをまとめたサイト集「25 Tasty Restaurant and Food Websites to Inspire You」

自由度の高いwebデザインには、デザイナーやディレクターの発想力によるさまざまな魅力を兼ね備えています。そんな中今回は、フード・カフェ関連のwebサイトの中から彩りのきれいなサイトを中心にまとめたサイト集「25 Tasty Restaurant and Food Websites to Inspire You」を紹介したいと思います。


Woki Tokee

料理のおいしさを伝えるためのデザインは彩りが重要になってきますが、料理の雰囲気が伝わるカラーやお店の雰囲気を醸し出すテイストなど、さまざまなタイプのデザインが紹介されています。中でも気になった物をピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2015年05月30日

デザイン性に優れたHTML5フリーテンプレート集「12 Free And Fresh HTML5 Web Templates」

一からデザインレイアウトを構築するよりも、フリーのテンプレートを使用した方が効率よくクオリティの高いデザインができることも多いと思います。今回はそんなシーンで参考にしたい、デザイン性に優れたHTML5フリーテンプレート集「12 Free And Fresh HTML5 Web Templates」を紹介したいと思います。

html0530_1
Energetic Website Template | Free Website Templates | OS Templates

シンプルながらに、使い勝手のよいレイアウトが採用されたテンプレートが厳選され紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年06月19日

写真の置き方一つで印象が大きく変わる、SNS用テンプレボードコレクション「Social Mood Board Set」

InstagramやPinterestなど、トレンドとなっているSNSは写真をメインに使ったもの。そんな流れがある中、重要なのはいかに自分の写真を目立たせるか。多くの写真が流通しているネット社会では目に止まらないことも多いはず。そんな悩みを解決してくれるまとめ「Social Mood Board Set」を今回はご紹介していきたいと思います。

sns_bord_temp_top

写真を組み合わせてレイアウトするだけでなく、さまざまなサイズでランダムに配置させたりと、おしゃれなイメージのコラージュを簡単に作り上げることができるセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebDesign   
2008年09月25日

光を表現するハイクオリティなphotoshopブラシ14選「14 Great Abstract Photoshop Brushes」

photoshopで光の表現をしたいと思っている方にオススメなエントリーが今回紹介する「14 Great Abstract Photoshop Brushes」です。光と一口に言っても表現には様々なものがあり、粒状のものだったり、直線的なものだったりとその表情は様々なです。こちらのエントリーでは様々な光の表現が実現できるブラシがいくつか紹介されています。


Abstract Vol 6

今日は紹介されている光のブラシからいくつか記になったモノをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:46  |  
Category: Design , Photoshop   
2015年06月25日

さまざまなデザインに対応できる 多目的なフリーアイコンまとめ「20 Free, Multi-Purpose Iconsets You Should Bookmark」

アイコンをインターネット上で探すと、非常に膨大な量が検索されると思います。それゆえにどれを使用したら良いのか迷ってしまうこともあるのでは?今回はそんなときに参考にしたい、多目的なフリーアイコンまとめ「20 Free, Multi-Purpose Iconsets You Should Bookmark」を紹介したいと思います。

icon0625_3
100 Free iOS Vector Icons. SKETCH, AI, PNG, SVG files.

定番として利用できそうなアイコンが豊富に揃っているので、ストックしておけばいろいろなシーンで活用できそうです。

詳しくは以下

(続きを読む…)

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

レスポンシブに対応したWordPressプラグインのまとめ「40+ Responsive WordPress Plugins」

マルチデバイス対応がWEBサイトについては大きな課題の一つ。最近ではレスポンシブでレイアウトが組み変わる、WEBサイトが主流になりつつありますが、今日紹介するのはレスポンシブなデザインやサイトに便利なWordpressプラグインをまとめたエントリー「40+ Responsive WordPress Plugins」です。


Ether Content Builder WordPress Plugin

一部有料のものもありますが、全部で40種類ものプラグインがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: plugin , WordPress   
2017年09月28日

様々なシーンで使えるアイコンセット「Basicons Multipurpose Icon Set」

Webサイトの利用者が増えるほどその使い方は様々で、幅広い使用用途を考慮した上でサイトの構築を行わなければなりません。中でもUIはとても重要で、いかに分かりやすくスムーズにユーザーを導くことができるかがポイントです。そんな時に役に立つのが今回紹介する、様々なシーンで使えるアイコンセット「Basicons Multipurpose Icon Set」です。

bm_IconSet01

およそ500種類の異なるアイコンがカテゴリごとに集約された、汎用性の高いアイコン素材です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool   
2008年03月27日

CSSでデザインする基本テンプレートを56個集めた「100 Percent Pure CSS Layouts」

前回「代表的な12のCSSレイアウトテンプレートを配布する「Nice and Free CSS Templates」」という記事でCSSで作られた基本のセットともなるテンプレート集をお伝えしましたが、今回紹介する「100 Percent Pure CSS Layouts」もそんなベースのレイアウトになりうるテンプレートを集めたCSSテンプレート集です。

CSSのベーステンプレート

名前の通り100パーセントCSSだけで作った、デザインはいっさい無しでレイアウトだけ区切っているテンプレートをひたすら集めています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:17  |  
Category: WebDesign   
tag: CSS webdesign
2010年12月26日

WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」

インターフェイスを製作するときに時間を節約しながら、クオリティを保ちたいときに、ユーザーインターフェイスに必要なパーツをパッケージした素材が便利です。今日紹介するのはWEBデザインとアプリデザインのためのフリーUIパッケージを集めたエントリー「18 free UI elements packs for your web designs and apps」です。


Modern Web UI Set

様々なタイプのUIの素材が用意されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:39  |  
Category: WebService   
2015年12月18日

写真にニュアンス感のある演出を フリーPhotoshopブラシ「20 Essential Free Photoshop Brushes For Web and Graphic Designers」

Photoshopに搭載されている便利な機能、ブラシ。ひとはけでいろいろなグラフィック演出ができ、重宝されている方も多いのではないでしょうか?そんな中今回紹介するのは、写真にニュアンス感のある演出が可能なフリーPhotoshopブラシ「20 Essential Free Photoshop Brushes For Web and Graphic Designers」です。

brush1217_4
12 Strings And Bubbles Brushes #487 | BrushKing ♛

いろいろな種類のブラシがまとめられており、どれも魅力的なものばかり。気になったものをピックアップしましたので下記より御覧ください

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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