TOP  >  iphone

Tag : iphone

2017年09月22日

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

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

Devices_css_top

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

詳しくは以下

(続きを読む…)

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

iPhoneケースを含んだiPhoneのモックアップ最新まとめ「40+ Free iPhone 7 / 6S / 6 Mockups & Graphic Design Resources」

iPhoneに関わるプロダクトのプレゼンテーションには欠かせないモックアップ。次々と新しいバージョンが出ているにも関わらず、古いモックアップを使用していると、魅力も半減してしまうのではないでしょうか。そんな中今回ご紹介する「40+ Free iPhone 7 / 6S / 6 Mockups & Graphic Design Resources」は、最新機種でまとめられており、プロダクトの魅力を引き上げてくれるモックアップまとめです。

iPhone-7-Case-Mockup_top
iPhone 7 Case Mockup by Radowan Nakif Rehan – Dribbble

40個ほど、最新機種を中心としたモックアップ素材が揃っています。気になるものをいくつかピックアップしていますので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

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

Apple製品をイメージさせるクリーンなモックアップPSDフリー素材「8 Free Apple Devices Mockups」

デザインの成果物を、より良く見せることができるモックアップ。その中でもApple製品のモックアップは普及率の高さから非常に重宝します。そんな中今回ご紹介するのは、フリーで利用できるApple製品モックアップ「8 Free Apple Devices Mockups」です。

lstore-graphic_White-Apple-Devices-Mockups_160317_prev01

8 Free Apple Devices Mockups – Free Design Resources

クリーンな白を基調とした、どんなデザインでも利用しやすいモックアップが8パターンまとめられています。

詳しくは以下

(続きを読む…)

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

iPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」

良くも悪くも、国内外で大きな話題となっているiPhone7。すでに手に入れた方、検討中の方などなど様々だと思いますが、今日紹介するのはiPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」です。

Free-Multicolor-iPhone-7-Mockup-prev01

基本的な外観はiPhone 6sと大きく変わらないのですが、イヤフォンジャックの廃止やiPhone 7 plusで初めて搭載された2つの背面カメラなどが表現されています。

詳しくは以下

(続きを読む…)

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

iOS9.3のデザイン提案にベクターデータで使える「Free iOS 9.3 iPhone UI Kit」

先日リリースされた、iOS 9.3、新機能からデザインの細部など様々な箇所がアップデートされていますが、今回紹介するのはiOS9.3のデザイン提案にベクターデータで使える「Free iOS 9.3 iPhone UI Kit」です。

iphon93-2

新しく追加されたアイコンセット、フォント選定UI、新しいヘッダーバーなどを含めて、様々なUI部分が収められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:21  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2015年09月17日

iPhone6の高品質モックアップ集「11 Free iPhone 6 Mockups For App & Responsive Designs」

先日、iPhone6sの発売が発表され話題となっていますが、デザイン業界での最新機種は現在はまだiPhone6。今回はそんなiPhone6の高品質モックアップ集「11 Free iPhone 6 Mockups For App & Responsive Designs」を紹介したいと思います。

iphone6moc2
Dribbble – FREE Photorealistic iPhone 6 Plus PSD Mockup Templates by Tran Mau Tri Tam

ハイクオリティなビジュアル描写が特徴のモックアップ素材、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2012年02月01日

デザインの表現力が上がる チェックパターン素材セット「800+ Free Intricate Plaid Patterns to Enhance your Designs」

数種類の色が組合わさって成り立っているチェック柄だからこそ、自分の思っていた色使いのチェックがなかなか無かったり、デザインに合った配色のチェックを探し出すのは一苦労。そんな時に役立つチェックパターンのみを集めた「800+ Free Intricate Plaid Patterns to Enhance your Designs」をご紹介します。


Colorburned | 25 Woven Plaid Swatches

明るい柄から落ち着いた柄まで、その数800点。きっと欲しいパターンが見つかるでしょう。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:13  |  
Category: Design   
2013年02月02日

バレンタイン用デザインに活用できるフリーベクター素材「Freebie: Valentines Vector Pack」

日本では特に非常に盛り上がる、1年に一度のイベント・バレンタインデー。広告・web業界でもバレンタイン用のデザインが制作される機会も多いと思います。そんなシーンに活用できるベクター素材「Freebie: Valentines Vector Pack」を紹介したいと思います。

フリーで活躍するデザイナー・ Sam Jones氏よって制作された、バレンタインの雰囲気をいろいろなパーツで表現したフリーベクターデータとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:03  |  
Category: Design , vector   
2014年06月10日

さまざまな種類のフリーアイコンセットを紹介した「40 Free Icon Sets For June 2014」

さまざまなシーンで活躍してくれるアイコン。最近は、パーツやポイントとしてだけでなく、メイングラフィックの要素としての利用も可能なほどハイクオリティなものも多数登場しています。そんな中今回紹介するのは、40種のフリーアイコンセットまとめ「40 Free Icon Sets For June 2014」です。

icon140610_1
Dribbble – Flat Design free icon set by Vivien Bocquelet

いろんな種類の、いろんなwebサイト等で利用できるフリーアイコンが多数紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:37  |  
Category: Design   
2013年08月24日

ハイクオリティなデザインに活用したいフリーフォント「30 Free Creative and Quirky Fonts」

デザイン性に優れたフォントを使用するだけで、制作物のクオリティは格段にアップするもの。今回はそんなシーンに是非チョイスしたいフリーフォントまとめ「30 Free Creative and Quirky Fonts」を紹介したいと思います。

freefont20_0
Glitch (free font) on Behance

シンプルで定番として使用できそうなタイプから、フォント自体にデザインが施されているものまで、バリエーション豊富に紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:07  |  
Category: Font   
2015年04月29日

美しい色合いが魅力的なポリゴン柄フリーテクスチャまとめ「35 High-Res Low Poly Background Textures For Free」

幾何学柄の中でも人気の高い、ポリゴン調のデザイン。web業界でもさまざまな場所で取り入れられていますが、いざ制作しようと思うと意外にバランスやカラー配色などが難しいもの。そんな時に参考にしたい、美しい色合いが魅力的なポリゴン柄フリーテクスチャまとめ「35 High-Res Low Poly Background Textures For Free」を今回は紹介します。

poly0501_4
Dribbble – FREE 10 low-poly polygonal textures by Lumberjacks

さまざまなカラー配色で構成されたいろんな表情のポリゴンテクスチャがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:26  |  
Category: Design   
2008年12月16日

ECサイトのデザインリソース「50 Inspirational E-Commerce Website Designs」

WEB上で買い物を楽しめるサイトはもはや当たり前の存在で、Amazon、楽天など大手を初めとして、個人、WEBにお店を展開しているという方は多いかと思います。


Urban Originals

現在ではレンタルカートやオープンソース系のシステムでは素晴らしいテンプレートが揃ってデザインするのも手軽にはなっていますが、もっとこだわりたいと言う方のために、今日紹介するのは海外の素晴らしいEコマースのWEBサイトデザインを50集めたエントリー「50 Inspirational E-Commerce Website Designs | Vandelay Website Design」を紹介したいと思います。かなりの数が紹介されていますが、今日はその中から気になったデザインをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:07  |  
Category: WebDesign   
tag: webdesign
2011年10月21日

装飾に使いやすい植物オーナメント集「250+ Free, Vintage Graphics: Flourish Vector Ornaments」

デザインのワンポイントとして良く利用される植物をモチーフにしたオーナメント。雰囲気あるデザインを手軽に演出できるアイテムとして人気があります。そんな中から今回は、ビンテージ感のある植物オーナメントを集めたエントリー「250+ Free, Vintage Graphics: Flourish Vector Ornaments」を紹介したいと思います。


Free Vintage Vector Ornaments – Free Vectors – Creattica

花や葉っぱなど自然素材をモチーフにしたオーナメントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:45  |  
Category: WebService   
tag: 
2016年12月26日

サイトの印象をぐっと引き上げてくれるクリエイティブな効果エフェクト「Block Reveal Effects」

WEBサイトのクリエイティブのクオリティはデザインは然ることながら、どんな動きをさせるかというところでも、大きく影響がありますが、今日紹介するのはサイトの印象をぐっと引き上げてくれるクリエイティブな効果エフェクト「Block Reveal Effects」です。

RevealerEffect_800x600

「Block Reveal Effects」ではまず、はテキストや写真の出現エリアに色ベタのエリアが出現し、それがズレながら、本来描画されるオブジェクトに変わっていくというものです。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:58  |  
Category: WebService   
2012年03月21日

イメージ通りの色補正が可能になる!Photoshopアクションまとめ「50 Time Saving Photoshop Actions to Boost Your Images」

スナップ写真でも雰囲気のある写真に変えられる色補正は、補正のプロが存在するほど高度な技術とセンスが必要になり、作業時間もかかるもの。そんな状況に役立つ、イメージ通りの色補正ができるPhotoshopアクションをまとめた「50 Time Saving Photoshop Actions to Boost Your Images」を今回は紹介します。


CoLoR effect 4.5 by `sa-cool on deviantART

写真の明るさを変えられるアクションはもちろん、さまざまな雰囲気を演出できるアクションが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:45  |  
Category: Design , Photoshop   
2014年09月07日

フラットデザインのフリーUIキットを集めた「20 Fresh Flat UI Designs Free to Download」

主流となっているフラットデザインは、シンプルでありながらもデザイン性が求められる、非常にデザインセンスが問われるもの。ベースとなるデザインを作り上げるのは意外に大変な作業となります。今回はそんなときに活用したい、フラットデザインのフリーUIキットを集めた「20 Fresh Flat UI Designs Free to Download」を紹介したいと思います。

ui0907_1
Dribbble – PSD: Minimal UI Kit by Vincent Tantardini

フラットテイストのハイクオリティなUIキットが20種類紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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