TOP  >  smartphone

Tag : smartphone

2013年11月29日

スマートフォンの操作方法を視覚的に説明することができるアイコンパック「Flat Gesture Icons Pack」

スマートフォンの登場によって今までにない直感的な操作方法が一般的になってきましたが、「ピンチ」や「フリック」と言われてどんな操作方法かすぐに想像がつくという人もいれば、まだなれていなく想像できないという方もいらっしゃると思います。今回紹介するのはそんなスマートフォンの操作を視覚的に伝えることができる、60個のアイコンパック「Flat Gesture Icons Pack」です。

fgipfpe_0

想定される操作のほとんどが収録されていて、これ1つあればどんなシーンでもカバーすることができそうです。

(さらに…)

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

スマートフォン向けのイベントを簡単に実装できる「QUOjs」

スマートフォン独自のタッチイベントは多数有り、スワイプ、タッチによるドラッグなど様々なものがありますが、今日紹介するのはスマートフォン向けのイベント簡単に実装できる「QUOjs」です。

このjs一つで、様々なイベントに対応してくれます。現状、対応しているイベントは以下の通りです。

詳しくは以下

(さらに…)

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

スマートフォンサイトデザインのためのインスピレーション集「Mobile UI Design Patterns: 10+ Sites for Inspiration」

WEBプロモーションでももはや書かす事ができない、スマートフォンユーザーへの対策。それぞれの端末の使い勝手に応じた最適化されたデザインが求められますが、その設計はPC向けのWEBサイトとは違う技術が必要です。今日紹介するのはスマートフォンサイトデザインのためのインスピレーション集「Mobile UI Design Patterns: 10+ Sites for Inspiration」です。


lovely ui

スマホサイトのデザインが集約されたサイトが10以上まとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2013年02月03日

【商用利用可】シンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」

インターフェイスを補助したり、デザインの質を上げてくれる、便利な素材アイコン。WEBデザインでは、メニューだったり、その他付随する機能を表すときには非常に重宝しますが、今日紹介するのはシンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」です。

こちらは普段利用しそうなインターフェイス系のアイコンから、宝石やハート、注射器といったグラフィック系のアイコンまで、全部で280個ものアイコンがセットになったアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 04:19  |  
Category: WebService   
2017年04月05日

最新のグラデーションパターンをコピペできるwebサービス「WebGradients」

web用のカラーコードがコピペできるサービス。その便利さから活用している人も多いはず。そんな中今回ご紹介するのは、カラーサンプルとして使える、グラデーションパターンを180種類も集めたwebサービス「WebGradients」です。

webgradients

背景カラーの選定や主流のUIデザインのカラーサンプルとしても使える、ソースコードをそのままコピペ可能な、とても便利なwebサービスです。

詳しくは以下

(さらに…)

続きを読む
2014年03月23日

光の柔らかなニュアンスが感じられるブラシ素材まとめ「20 Amazing Photoshop Bokeh Effect Brushes」

光のきらめきなどの表現は、Photoshopを使って加工を施したり作り出すことができますが、1から制作するのはなかなか大変なもの。そんな中今回は、光の柔らかなニュアンスが感じられるブラシ素材まとめ「20 Amazing Photoshop Bokeh Effect Brushes」を紹介したいと思います。

bokeh1
Bokeh Brushes by redheadstock on deviantART

ボケ足のある光がまたたく雰囲気を簡単に描き出せるブラシ素材がまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:04  |  
Category: Photoshop   
2010年08月15日

HTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」

HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。

利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。

詳しくは以下

(さらに…)

続きを読む
posted 08:31  |  
Category: WebDesign , WebService   
2014年01月25日

シンプルテイストなモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」

webサイトやスマートフォンアプリなどのデザインを制作する際、実際の見た目を確認するために実際の機種に当てはめた状態をチェックすることも多いはず。今回はそんなシーンで活用できるモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」を紹介したいと思います。

flatmoc1
Free Responsive Screen Mock Up – iMock Up Free Edtion on Behance

フラットでミニマルなシンプルテイストなので、デザインに影響を与えることなく利用することができます。

詳しくは以下

(さらに…)

続きを読む
posted 12:54  |  
Category: WebService   
2012年12月21日

素材感が楽しめるしわのよった紙テクスチャまとめ「A Collection Of Free Crumpled Paper Textures」

優しい雰囲気や温かみのある雰囲気を作るために、素材感のあるテクスチャを利用してデザイン制作をするということも多いと思います。そんな中今回紹介するのは、素材感が楽しめるしわのよった紙テクスチャをまとめた「A Collection Of Free Crumpled Paper Textures」です。


Texture – Crumpled Music Paper (Brown) by ~humphreyhippo on deviantART

クラフト紙からキャンパスノートまで、さまざまな紙のテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

色のコントラストを上手く利用したデザイン集「Minimal and Contrasty Color Schemes in Web Design」

シンプルなデザインが好まれることも増え、他サイトとの差別化の難しさを感じることもあるのではないでしょうか?そこで今回紹介するのが、シンプルな中でも色の使い方によって、印象的に見えるwebサイトを集めた「Minimal and Contrasty Color Schemes in Web Design」です。


cabedge.com

差し色としてビビットなカラーを利用したサイトから、2色を効果的に利用したサイトまで、印象的なサイトが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:45  |  
Category: WebDesign   
2013年11月01日

iPhone5sを中心としたAppleデバイスの高品質なPSD素材「A Handy Collection Of iPhone 5s PSD Templates」

iPhone5sは発売以後、指紋認証機能や新色の追加など相変わらず話題を振りまいているApple製品。docomoからも発売されたことで、今後のiPhoneアプリやそれに伴うWEBサイトの開発や制作も増えてくるのではないでしょうか?今回紹介するのは制作やモックアップに便利なiPhone5sを中心とした美しいAppleデバイスの高品質なPSD素材「A Handy Collection Of iPhone 5s PSD Templates」です。

ahcoi5pt_0
Dribbble – Gold iPhone 5S PSD by Ryan Ford

リアリティ溢れるものやシンプルにまとめたもの、ワイヤーのイラストなど、多種多様なPSD素材が揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop   
2012年03月08日

Photoshopで表現されたチェックパターンまとめ「Collection of Free Plaid Photoshop Patterns for Designers」

ファッション業界を始め、グラフィックデザインの世界でも不動の人気を誇るチェックパターン。ラインの太さ設定やカラーの配置によって、無限のパターンを作り出すことができます。そんな中今回紹介するのが、Photoshopで表現されたさまざまなチェックパターンをまとめた「Collection of Free Plaid Photoshop Patterns for Designers」です。


Pattern / Surname :: COLOURlovers

柔らかい雰囲気のパターンからダークな印象のパターンまで、さまざまなパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:18  |  
Category: Design   
2013年04月17日

ワンポイントがより華やかに!ベクターで制作されたフレーム素材まとめ「A Collection Of 25 Free and Attractive Vector Frames」

デザイン制作にも、ちょっとしたメモを書き込むためのカードにも、モチーフなどを組み合せたデザインが入っているだけで、見た目の華やかさもアップするのではないでしょうか?そんな中今回紹介するのが、ワンポイントがより華やかになる、ベクターで制作されたフレーム素材をまとめた「A Collection Of 25 Free and Attractive Vector Frames」です。


Cloud Frame

植物をモチーフにした素材から、幾何学模様が可愛らしい素材まで、さまざまなフレーム素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:30  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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