TOP  >  Android

Tag : Android

2017年09月22日

最新のiPhoneXまでそろう 全てCSSで描がかれたモックアップ「Devices.css」

モックアップ素材は多く普及しており、使用している方も多いはず。デザイナーにとって重宝できるモックアップ素材ですが、解像度を気にしなくてはならなかったり、新機種が発表されたタイミングなど、中身の入れ替えが面倒な時も。そんなシーンで役立つ、CSSのみを使用してつくられた「Devices.css」を紹介していきたいと思います。

Devices_css_top

機種も多く収録されており、知っておくと便利に活用することができそうです。

詳しくは以下

(続きを読む…)

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

psdで配布しているモバイルサイトやスマホアプリを創るときに便利なGUIキット集

国内でも徐々に普及してきているスマートフォン。ここ最近ますます、スマートフォン移行が進んでいる感があり、WEB業界でもモバイルサイトやスマホアプリを受託する機会も増えてきていると思います。今回紹介するのは、モバイルサイトやスマホアプリを創るときに便利なGUIキット集「40 New Web, Mobile and Application GUI Kits」です。


Web GUI Kit

このエントリーでは全部で40ものモバイルのデザインのための素材が配布されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Stencils for Sketching iPhone, iPad & Android
モバイルのWEBサイトワイヤーフレームのための素材、まずは構成を先にというときには便利なキットです。

full-set-of-stencils-for-sketching-iphone
 
 
 
 
 
Android GUI PSD
Androidアプリを制作するときに便利なAndroidのGUIをセットにした素材キット。

android-gui-psd-high-density
 
 
 
 
 
iOS 5 GUI PSD
細かな部分が変わったことでも知られるiOS5を再現した素材キット、様々なUIが再現されています。
 
ios-5-gui-psd-iphone-4s
 
 
上記の他にも非常に沢山の素材がまとめらています。スマートフォン関連でWEBサイトやアプリのデザインをされる方は是非。

40 New Web, Mobile and Application GUI Kits

続きを読む
posted 01:20  |  
Category: Design , Photoshop , WebDesign   
このエントリーをはてなブックマークに追加

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

2012年02月29日

季節を感じられる落ち葉や枯れ葉のテクスチャまとめ「25 Free Dried Leaf Textures」

季節感を大切にする日本では、広告などにそれぞれの季節を演出したデザインを手がけることも多いはず。そんな中今回紹介するのが、秋や冬の雰囲気を表現できる、落ち葉や枯れ葉のテクスチャをまとめた「25 Free Dried Leaf Textures」です。


dried-leaf-textures-19.jpg (JPEG 画像, 2272×1704 px) – 表示倍率 (50%)

紅葉感のきれいなテクスチャから、完全に枯れてしまった葉を映し出したテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

Wet Leaves Texture by `FantasyStock on deviantART
落ち葉に当たる太陽の光が美しいテクスチャです。冬ならではの美しさを感じられるのではないでしょうか?


 
 
 
 
 

leaves texture by ~Blastermind on deviantART
枯れ葉の中に混ざったカラフルな葉がきれいなテクスチャです。葉っぱ素材を使うにあたって、個性を強調したい時におすすめ。


 
 
 
 
 
 
dried-leaf-textures-8.jpg
神秘的な自然の趣きが美しく表現されています。一枚の画像としての力強さも、模様の抽出にも、多用途に利用できるテクスチャだと思います。


 
 
自然ならではの美しさを感じる素材ばかりが紹介されています。他にもたくさんのテクスチャが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

25 Free Dried Leaf Textures | Web Design Core

続きを読む
posted 05:12  |  
Category: Design   
2018年03月18日

ピクセルで作られたPOPなアイコンセット「Mario Pixel Icon Collection」

昔懐かしいドット絵。レトロな雰囲気やユニークなデザインには最適なアイコンスタイルです。今回はそんなデザインに取り組もうとしている方におすすめできる「Mario Pixel Icon Collection」をご紹介致します。

MarioPixelIconCollection_top

ピクセルで作られたPOPなアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

サークル状のフリーアイコンフォント「Iconia」

web制作に欠かせない素材として定番化しているアイコンは、インターネット上でフリーでダウンロードでき、制作しているデザインに合ったものをいろいろと選べるようになっています。そんな中今回紹介するのは、サークル状のフリーアイコンフォント「Iconia」です。

iconia

丸みを帯びた可愛らしい印象のアイコンセットが、フォント形式で表示できる便利なアイコンフォントとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2012年04月08日

様々な表現を可能にするフリーphotoshopブラシセットのまとめ「30 Free And Fresh Photoshop Brush Sets」

様々な表現を可能にするフリーphotoshopブラシセットのまとめ「30 Free And Fresh Photoshop Brush Sets」

デザインを作り込んでいくのに非常に便利なPhotoshopブラシ。うまく使えば簡単にデザインの質あげてくれる強力な武器となりますが、今日紹介するのはデザインに役立つ、様々な表現を可能にするフリーphotoshopブラシセットをまとめたエントリー「30 Free And Fresh Photoshop Brush Sets」です。

26470-7-High-Resolution-Leaf-Brushes
7 High Resolution Leaf Brushes

葉っぱ、インク、光、にじみなどなど、デザインのでティールに役立つ様々なブラシセットがまとめられています。今日はその中からいくつピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , Photoshop   
2010年02月06日

知っておいたほうが良いCSS3テクニック「CSS3 Techniques You Should Know」

CSS+XHTMLでのコーディングスタイルが主流になってかなり建ちますが、さらに新しい、CSS3という言葉も最近は耳にするようになってきました。CSS3を使えば、今まで画像でしかどうしても表現できなかった部分等もコードで実装可能になりますが今日はそんなCSS3のテクニックをあつめたエントリー「CSS3 Techniques You Should Know」を紹介したいと思います。

css3-01

グラデーション表現や、ドップシャドウなどなど、いままでどうしても画像に頼っていた部分がかなり解決されるみたいです。紹介されているものノン蚊からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:02  |  
Category: WebDesign , WebService   
tag: CSS webdesign
2014年10月13日

さまざまな種類のpsdアイコンをまとめた「Free PSD Icons: 1200+ Icons for Designers」

webデザインを中心によく利用されるアイコン。種類も豊富で、何かと便利に活用することができます。今回はそんなさまざまな種類のpsdアイコンをまとめた「Free PSD Icons: 1200+ Icons for Designers」を紹介したいと思います。

icon1013_1
Webicons – 100 Stroke & Fill Icons | GraphicBurger

テイストやテーマなど、いろいろなタイプのアイコンがたくさん揃っており、いろいろなシーンで利用することができそう。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2012年01月10日

動きのある草や枯れ葉のテクスチャまとめ「25 Lovely Grass Texture Collection」

デザインソフト上だけでの表現が難しい草花などの自然素材は、デザイン制作にテクスチャを利用するという方も多いはず。そこで今回紹介するのが、動きのある草や落ち葉のテクスチャをまとめた「25 Lovely Grass Texture Collection」です。


Seamless grass texture by ~hhh316 on deviantART

自然の広がりを感じられる素材はもちろん、さまざまな雰囲気を演出できるテクスチャがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2008年10月10日

オンラインイメージエディタのまとめ「6 Exceptional Web-based Image Editors」

作業をするときはメインのマシンが決まっていて、ほぼそのマシンを使って作業をするのですが、ごく希に出先などで作業する時もあり、その際に困るのがソフト。同じ環境はもちろん難しいですが、画像編集とか必要になった場合などの作業が発生した時困ってしまっていました。


Pixlrのインターフェイス

WEBさえあればどんな所でも使えるオンラインイメージエディタのまとめが「Six Revisions」で紹介されていましたので、今日はオンラインイメージエディタのスクリーンキャストを交えながら、自分のメモがわりにまとめておきたいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:33  |  
Category: Tool   
tag: Tool WEBtool
2009年11月17日

美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」

サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です。

navinavi01

細かくビジュアルを作り込まれたものからシンプルなもの、ダイナミックなものまで様々な種類のナビゲーションが紹介されています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:45  |  
Category: WebDesign   
tag: webdesign
2008年03月08日

日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」

ブログと言う言葉もかなり定着してきて、個人でも多くの人がブログを持っていて、何かしらの形で利用しているかと思います。名前の通りログを残していくという概念ですので、ブログには日付表示が必ずと言っていいほどあるかと思います。今日紹介するのはブログの日付表示のデザインを集めたデザイン集「Gallery Of Date Stamps And Calendars」です。

日付アイコンデザイン集

単純に参考画像として乗っているだけではなく日付アイコンやカレンダーアイコンのPSDの素材が用意されていて、さらにチュートリアルまで公開しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:34  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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