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   
このエントリーをはてなブックマークに追加

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

2015年06月28日

11種のフレッシュなイラストレーター形式素材「11 Fresh Illustrator Freebies for Designers」

イラストレーター形式の素材は、色やパーツの配置などを自由にかつ手軽に変更することができるため、重宝します。今回はそんな11種のフレッシュなイラストレーター形式素材「11 Fresh Illustrator Freebies for Designers」を紹介したいと思います。

freebies0628_0
Free Big Top Circus Vector Background – Download Free Vector Art, Stock Graphics & Images

いろいろなテーマのイラストレーター素材がまとめられており、どれも魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

写真補正の手間を軽減してくれるphtoshopアクション集「30 Photoshop Actions for Touch Ups」

以前Designdevelopで「写真を美しくするphotoshopアクション60選「60 Photoshop Actions for Photo Touch-Ups and Enhancements」」と言う記事で紹介したアクション集のpart2に当たるエントリー「30 Photoshop Actions for Touch Ups」を紹介したいと思います。

actionspact-01
50 Photoshop Postwork Actions

今回もちょっとした手間の部分を簡単にできるアクションが全部で30用意されています。今回も紹介されているアクションの中から気になったアクションをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:20  |  
Category: Design , Photoshop   
2009年01月27日

商用可!鮮やかな水彩テクスチャ「Free Watercolor Textures By Outlaw Design」

アナログで描いたものはデジタルで制作したグラフィックとはまた違った魅力がありますが、今日紹介する「Free Watercolor Textures By Outlaw Design」は水彩で描かれた背景画像で、アナログの魅力をデザインに盛り込めるフリーテクスチャです。

水彩絵の具で描かれているみたいで、全部で11の水彩によるテクスチャがしょうかいされていますが、フリーで公開されているのは上記を含む残念ながら2種類のみみたいです。ただし、ライセンスは商用、非商用を問わず自由に利用できるようになっていて、再販などを除きますが、使用については制限無しで使えるようです。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:35  |  
Category: Design , Photoshop   
2013年08月13日

CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」

HTMLに装飾を加えるためのCSSは、2011年頃から登場したCSS3によって表現力が劇的に向上。しかし、新しい機能や表現方法をフル活用できていないという方もいらっしゃるのではないでしょうか?そんな中今回紹介するのが、CSS3で立体的なボタンを表現するチュートリアルをまとめた「40 CSS3 Animated Button Tutorials And Experiments」です。

dd_tutorial_01
CSS Buttons with Pseudo-elements | Codrops

シンプルなボタンはもちろん、デザインソフトでの制作でも時間がかかりそうなリアリティのあるボタンまで、多彩なCSSデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

クリエイティブコモンズ、パブリックドメインのピクトグラム素材をsvgで配布する「The Noun Project」

何かをシンプルに伝えるときに非常に便利なピクトグラムアイコン。見た目で直感的になにをあらわしているのか分かる非常に便利なサインですが、今回紹介するのはクリエイティブコモンズ、パブリックドメインのピクトグラム素材をsvgで配布する「The Noun Project」。

現在かなりの数のピクトグラムアイコンが配布されており、種類も豊富ですんどえ、このサイトだけでピクトグラムは事足りるのではないでしょうか?全てではありませんが途中まで読み込んだスクリーンショットを下記に貼り付けておきますのでご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2018年02月07日

魅力的なブログ制作に!ベストなフリーTumblrテーマ20選「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」

写真や動画を気軽にシェアしたり、テキストを投稿できるTumblrは、手軽にブログを始められる人気のサービス。フリーのテーマを使えば、既存のブログサービスよりもおしゃれでデザイン性の高いブログを手軽に始めることが可能です。今回ご紹介するのは、そんなブログに最適なおしゃれなフリーのTumblrテーマをまとめた「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」です。

20-best-free-tumblr-themes1
20+ Best Free Tumblr Themes For Powerful Blogging in 2017

ブログのデザインにもこだわりたいと言う方にぴったりな、ハイクオリティなTumblrテーマが20種類まとめられています。その中から幾つか、気に入ったものをピックアップしましたのでご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2012年05月23日

背景処理にも利用しやすいphotoshopパターン集「40 Exclusive Photoshop Patterns」

画像加工はもちろん、webサイト制作に利用している方も多いPhotoshopは、合成から背景処理まで幅広く利用できる素材を揃えておきたいもの。そこで今回紹介するのが、背景処理に利用しやすいphotoshopパターン集「40 Exclusive Photoshop Patterns」です。

素材感とコントラストの異なるパターンが40種類もセットになって紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:04  |  
Category: Design , Photoshop   
2009年03月14日

プロフェッショナル向けフリーフォント75選「75+ Excellent Free Fonts For Professional Design」

様々なフリーフォントがWEBで公開されていますが、今日紹介するのはそんなフリーフォントの中でもプロのデザイナーも使えるクオリティの高いフォントを集めた「75+ Excellent Free Fonts For Professional Design」です。

profontfrees01
Lacuna

キレイ目なフォントから、セリフ体、記号のようなフォントまで様々なフォントが紹介されていますが、今日はその中から気になったフリーフォントをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:34  |  
Category: Design , Font   
tag: Design Font
2016年10月22日

グラフィックデザインを象徴するアイコンセット「Graphic Design Icon Set」

デザインを簡潔に表現するために役に立つアイコンセットは様々な切り口で制作されていますが、今日紹介するのはグラフィックデザインを象徴するアイコンセット「Graphic Design Icon Set」です。

gicon01

アイコンセットは全部で36のアイコンが収録されており、すべてシンプルなフラットなデザインで制作されています。収録されているアイコンセットは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: Design , vector   
2010年08月20日

タイピングした瞬間の表情が楽しめるフリーフォント「Typing Art」

フォントにはさまざまなデザインが存在しており、デザインが出来上がった状態は一つのグラフィックとして完成されていますが、今回はタイピング=打ち込みをする際の表情に注目しデザインされたフリーフォント「Typing Art」を紹介したいと思います。


Typing Art|オドリコ 文字がクルクルと踊ります。

タイピングした瞬間に、それぞれのデザインをイメージさせる動きを見せるというとてもユニークなフォント。もちろん、デザインフォントとしても魅力溢れるシリーズとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:01  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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