TOP  >  スマートフォン

Tag : スマートフォン

2011年09月08日

iOS用アプリ画面デザイン集「33 iOS Mobile App Screen Views for Design Inspiration」

一般の方の中にもアプリ制作を行う方がいる程、身近な存在となったスマートフォンアプリ。飽和状態とも言える今、デザインのクオリティの高さと使いやすさを差別化するには、アプリのデザインも非常に重要な要素ではないでしょうか?そこで今回紹介するのが、iOS用のクリエイティブなアプリデザインを集めたエントリー「33 iOS Mobile App Screen Views for Design Inspiration」です。


Epicurious « TapFancy – An iPhone app design showcase and gallery

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
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年02月19日

ブックレビュー「iPhone+Android スマートフォンサイト制作入門」

最近では、WEBサイト制作にあたって一つ重要な項目の一つにもなってきているすでに多くの現場で対応が求められていると思いますが、そんなスマートフォン向けのWEBサイトを構築する上でのテクニックがまとめられた書籍、「iPhone+Android スマートフォンサイト制作入門」をアスキーメディアワークスさんに献本して頂きましたので紹介したいと思います。

構築的な部分以外にも序章で、スマートフォンのブラウザならではの制限や仕様などが詳しく開設されていて、サイトを制作する上で、必要な知識から、実際の構築まで幅広く網羅されています。

詳しくは以下

(さらに…)

続きを読む
posted 04:36  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年02月16日

iphoneアプリを始めとした、モバイルのためのUIデザインパターン集「Mobile UI Patterns 」

国内でも数多くの機種がリリースされ、普及の兆しを見せてきているスマートフォン。それに伴い多くのコンテンツが制作されてきています。今日紹介するのはそんなモバイルコンテンツの様々なパーツデザインを集めたUIデザインパターン集「Mobile UI Patterns 」。

スプラッシュ、フィード、ユーザープロフィールなどなどモバイルのアプリやWEBサイトに欠かせない、様々なデザインが収録されています。

詳しくは以下

(さらに…)

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

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

2014年08月06日

イラストレーターで作れるベクターデザインチュートリアルまとめ「40+ Adobe Illustrator Tutorials On Vector Design」

リアルなオブジェクトをデザインソフトで作り出そうとするのは、時間や手間もかかり、高いクオリティに仕上げることができる技術も必要になってきます。今回はそんな時是非参考にしたい、イラストレーターで作れるベクターデザインチュートリアルまとめ「40+ Adobe Illustrator Tutorials On Vector Design」を紹介したいと思います。

tutorials0806_1
Create a Crayons Illustration in Adobe Illustrator – Tuts+ Design & Illustration Tutorial

Adobeのソフト・イラストレーターを使ったいろいろなデザインオブジェクトの制作方法が紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年05月30日

デザイン性の高い企業レターヘッドまとめ「25 Letterhead Logo Designs」

企業が取引先や顧客に送付する手紙や文章は、企業の顔ともなる重要なものです。業種業態にもよりますが、信頼感を出すためにデザインも拘りたいところです。そこで今回は、デザイン性の高い企業レターヘッドをまとめた「25 Letterhead Logo Designs」を紹介したいと思います。

シンプルなデザインから、ポップなデザインまで、企業の顔にふさわしいレターヘッドがまとめられていました。今日はその中から気になったデザインをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年04月19日

WEBデザインの品質をあげるテクニック集「How to Spot Quality within Web Design: Examples & Tips」

WEBデザインというのはかなり複合的なデザインで様々な要素の組み立ててででき上がっています。クオリティの高い、低いはいったいどんな要素で決定しているのか!?そんなWEBデザインの確信にも迫る部分を取り上げているのが今回紹介するWEBデザインの品質をあげるテクニック集「How to Spot Quality within Web Design: Examples & Tips」です。

quality_in_web_design01

クオリティを上げるためのテクニックやヒントがいくつか紹介されていますが、そのなかでも特に気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:28  |  
Category: WebDesign   
tag: webdesign
2009年07月14日

クロスブラウザの為のCSSテクニック集「15+ techniques and tools for cross browser CSS coding」

IE、Firefox、safariなどを始めとして様々なブラウザがリリースされていて、制作者サイドにはブラウザ間の差異を極力少なくすると言うのは使命の一つだと思いますが、構成によってはなかなか難しく手こずったりする場合があります。今日紹介する「15+ techniques and tools for cross browser CSS coding」はクロスブラウザの為のCSSテクニックを集めたエントリーです。

browsericon01

CSSをリセットする方法からIE用のCSSを読み込ます方法等々、様々なCSSのテクニックが紹介されていますが、今日はその中からいくつか気になったモノをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 07:39  |  
Category: WebDesign   
tag: CSS webdesign
2012年05月14日

バッジやタグのフリーアイコンセット「Free Web Badges & Elements」

デザインのアクセントとしてよく利用されるラベルやタグアイコンは、デザインテイストに合わせて多くの素材をストックしておきたいもの。そこで今回紹介するのが、バッジやタグなどのさまざまなアイテムがセットになったフリーアイコンセット「Free Web Badges & Elements」です。

シーンやデザインごとに選べる、デザイン制作の時間を短縮してくれそうなアイテムばかりがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:20  |  
Category: Design   
2011年02月22日

デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」

ユーザーが運営側に問い合わせを行いたい時に利用するコンタクトフォーム。基本シンプルなタイプを見かけることがほとんどですが、デザインにこだわりを見せるwebサイトはフォームも一味違ったクリエイティブ要素の高いものとなっているようです。そこで今回は、デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」を紹介いたします。


Contact Vincent Mazza, Morris County’s top Web Site Design and Graphic Designer

デザインのテイストに合わせて、通常のコンタクトフォームとは一線を置いたユニークかつ、デザイン性の高いフォームを持ったwebサイトがまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

(さらに…)

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

デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」

Photoshopを使うことで、難しいグラフィック表現も可能に。しかしどのように操作したら良いかわからないということも多いのではないでしょうか?そんな時に参考したい、デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」を紹介したいと思います。

tutorial1224_2
Create a Pizza Food Text Effect in Photoshop – Photoshop tutorial | PSDDude

非常に高いクオリティのデザインチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2018年03月27日

デザインにアクセントを加えてくれるモダンフリーフォント「15 Modern Free Fonts for Graphic Designers」

シンプルなものから手書きで柔らかな印象を与えてくれるものまで、フォントの種類は様々。最近ではフリーでダウンロード出来るものも多くなり、選択肢がどんどん広がっています。そんな中今回紹介するのは、デザインにアクセントを加えてくれるモダンフリーフォント「15 Modern Free Fonts for Graphic Designers」です。

modernfont03

異なるテイストのモダンフォント15種類の中から、気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2015年05月28日

ラフな文字をフォントで手軽に表現できるフリーフォント集「20 Beautiful and Free Hand-Drawn Fonts」

デザインを演出する素材の一つ・フォント。テイストにもさまざまなものがありますが、今回紹介するのは、ラフな文字をフォントで手軽に表現できるフリーフォント集「20 Beautiful and Free Hand-Drawn Fonts」です。

handfont2
Fabfelt script – Free font on Behance

手書き風テイストのフォントを簡単にデザイン上に配置できる、魅力的なフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:20  |  
Category: Font   
2014年06月25日

デザイナーがチェックしておきたい最新フリーフォントまとめ「12 Newest Free Fonts for Designers」

日々新しいものがどんどんと誕生しているデザインフォント。常にチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、デザイナーがチェックしておきたい最新フリーフォントまとめ「12 Newest Free Fonts for Designers」です。

f0nt140626_1
firsttype.portfoliobox.me

デザイナーとして活躍されている方、デザインを手がけている方なら是非知っておきたいデザインフォントがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 08:43  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る