TOP  >  モバイルアプリ

Tag : モバイルアプリ

2018年09月12日

AdobeXDで使えるiOSワイヤーフレームキット「Collector iOS Wireframe UI Kit」

WEBサイトやモバイルアプリをデザインする際に、非常に有効なツールの一つAdobeXD。プロトタイプを簡単に作ることができる非常に優れたソフトウェアで利用者も国内でも増えてきているツールではないでしょうか?今日紹介するのはそんなAdobeXDで使えるスマートフォンワイヤーフレームキット「Collector iOS Wireframe UI Kit」です。

wire00

スマートフォンをベースにした様々なユーザーインターフェイスがセットになっています。いくつか収録されているワイヤーフレームをカテゴリ別に抜粋して紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

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

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

詳しくは以下

(続きを読む…)

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

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

2018年03月11日

ビジネスを表現できるアイコンセット「Magicons」

アイコンはwebサイト制作をはじめ、さまざまデザインシーンで役立ってくれる便利なアイテムの一種。今回はそんなアイコンの中から、ビジネスを表現できるアイコンセット「Magicons」を紹介したいと思います。

magicon1

ビジネスをイメージさせる100種のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2015年08月27日

企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」

さまざまなサイト制作に便利なwordpress。更新作業なども容易に行うことができ、また構築する側にとっては嬉しいフリーのテーマも多数配布されています。そんな中今回は、企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」を紹介したいと思います。

wordpress0827_1
Revera | FabThemes.com

企業ブランディングに欠かせないwebサイト。印象的なサイトを作り上げるのにぴったりなテーマが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:05  |  
Category: WordPress   
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   
2008年12月13日

photoshopカスタムシェイプの決定版!「The Ultimate Collection Of Photoshop Custom Shapes」

前回DesignDevelopでお伝えした「photoshopアクション集の決定版「The Ultimate Collection Of Useful Photoshop Actions」」をまとめているSMASHINGMAGAZINEが今度はphotoshopで使えるカスタムシェイプを一同に集めて「The Ultimate Collection Of Photoshop Custom Shapes」という形で紹介しています。


Plan Trees

その数は80セットにも及び、すべてのカスタムシェイプを集めると、2500もの数に達します。集められているジャンルも実に様々で「people」、「Animals」、「Planes and Boats」、「Guns and Weapons」、「Trees」、「Circles」、「Random Shapes」「Combination Packs」などなど、実用的なものからグラフィカルなものまでかなりの数のカスタムシェイプがまとめられています。今日はそのなかからいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: plugin , WebService   
2012年01月25日

フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」

デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。


Free seamless patterns Green, Pink 70s |

シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:08  |  
Category: Design   
2012年05月21日

華やかな雰囲気を演出できるフラワーフォント集「30 Free Pretty Designs of Flower Font」

女性らしいデザインを手がける際に良く利用される花柄素材。華やかで可愛らしい雰囲気が手軽に演出できるため、幅広いシーンで活躍しています。そんな中今回は、フォント自体に花柄があしらわれたフォント集「30 Free Pretty Designs of Flower Font」を紹介したいと思います。


Blomster フォント

可愛いらしさを演出できるデザインフォントから、エレガントな雰囲気のフォントまで、さまざまな種類が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:22  |  
Category: Design   
2014年01月08日

5色のグランジテクスチャセット「Five Colored Grunge Textures」

デザイナーなら必ず使用したことがあるであろうテクスチャ。フリーで使用できるものが非常にたくさん展開されており、グラフィックからwebまで用途が幅広い点も魅力となっています。今回はそんなテクスチャの中でグランジテイストの「Five Colored Grunge Textures」を紹介したいと思います。

coloredgrunge1

絶妙に質感の違う5色のグランジテクスチャがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:00  |  
Category: Design   
2008年11月01日

WEB制作に役立つ汎用性の高いJavaScriptライブラリ 「MJL(MITSUE-LINKS JavaScript Library)」

WEBを制作によく使う機能を、いちから全部つくらずとも、簡単に実装できてしまうそんな便利なJavaScriptライブラリが今回紹介する 「MJL(MITSUE-LINKS JavaScript Library)」です。

こちらはWEB制作会社がオープンソースとして公開されている物で、WEB制作の現場からのものなので非常に使い勝手が良く、汎用性・実用性に富んでいます。どんな機能をもっているのかを紹介していきたいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:36  |  
Category: WebDesign   
2011年02月25日

レンガのテクスチャ素材を集めた「36 Collections of Free Wall Brick Textures」

デザインに質感を出したいのに、何か物足りない・・と感じている時になどにも最適な、レンガのテクスチャセット「36 Collections of Free Wall Brick Textures」を今回は紹介したいと思います。


(http://www.imageabstraction.com/gallery/pic.php?id=29)

シンプルなものから、長い時を経て味のある雰囲気を醸し出しているものなど、さまざまな種類のレンガテクスチャが紹介されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

Free Texture – brick, grunge, paint, peeling, spray, wall
ペンキでペンディングが施されたレンガ。鮮やかな色合いが特徴です。

Free Texture – algae, brick, concrete, grunge, moss, wall
苔が生え、グリーンに覆われたレンガ。強いコントラストの色合いなどが生きた、とても美しいテクスチャですね。

Free brick wall texture pack | High Resolution Textures
シンプルなレンガのテクスチャセット。定番として利用できそうです。

背景素材として、デザインのパーツ制作の一部として、いろんなシーンで活躍してくれそうですね。種類が豊富などの嬉しい。気になる方は下記リンクにてこの他にもたくさん紹介されていますので、チェックしてみてください。

36 Collections of Free Wall Brick Textures | Naldz Graphics

続きを読む
posted 11:31  |  
Category: Design   
2008年11月30日

29のハイクオリティのテクスチャ「29 Great Free Textures」

デザインをする際とても便利なテクスチャ。Designdevelopでも様々な素材を紹介してきましたが、今回紹介するのはハイクオリティなテクスチャを29個集めたエントリー「29 Great Free Textures」です。

テクスチャが多々紹介されていますが、今回はその中から特に気になったテクスチャをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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