TOP  >  モックアップ

Tag : モックアップ

2017年08月12日

レスポンシブデザインのためのモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」

デザインの提案をする際に役に立つのがモックアップ。不確実なものを実際のイメージに近い形で表現しながらデザインを確認できるので、イメージが明確になり、プレゼンテーションの手法としてはとても便利です。今回紹介するのは、レスポンシブデザインをプレゼンテーションするのに便利なモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」です。

15Mockups01
Showcase Website Header Mockup | MockupWorld

実際のPCにはめたものワイヤーフレーム上のものなど、様々な段階・用途に合わせて使用できるモックアップまとめられています。今回ははいくつか気になったものをピックアップしましたので以下からご覧ください。

詳しくは以下

(続きを読む…)

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

フリーのモックアップテンプレート集「Free PSD Mockup Templates (30 Fresh Mock-ups)」

デザインの反映をよりリアルに見せることができるモックアップは、とても重要な役割を果たしてくれます。データ上で見ているだけではイメージしづらいものを形にしてくれる、そんなフリーのモックアップテンプレート集「Free PSD Mockup Templates (30 Fresh Mock-ups)」を今回は紹介します。

freepsdmockup_01
Corporate Identity Mockup – free psd on Behance

30種類のさまさまなアイテムのモックアップが集約されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

WEBデザイナーならチェックしておきたい活用できる最新素材まとめ「12 Freebies & Goodies For Web Designers」

Webデザインを行う際は、レスポンシブによる見栄えやUI設計への考慮など、さまざまな箇所に気を配らなくてはなりません。UIは日々進化しており、ユーザーが快適な使用ができるようにきちんと追いついていきたいもの。そんな方におすすめの、最新のUIキットなどがまとめられた「12 Freebies & Goodies For Web Designers」を今回は紹介します。

webdesignfreebies_topkeyboard

モックアップやWordPressのテンプレート、フォントなどがまとめられています。気になったものをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

名刺からWebサイトまで取り揃えた最新のUIデザインまとめ「New Web & Graphic Design Freebies : 28 Resources」

優れたUIデザインをスピーディ制作することがほとんどの場合望まれますが、中には時間がなくて制作できないことも。そんな時に多種多様のデザインテンプレートが手元にあれば非常に便利です。今回はそんなシーンで参考にしたい、探す手間をなくすことに役立つ最新UIデザインまとめ「New Web & Graphic Design Freebies : 28 Resources」を紹介します。

top_free_graphics
Free E-Commerce Apps – part 05 by Haxon – Dribbble

アイコンからフォント、モックアップまで幅広くまとめられています。気になったものをいくつかピックアップいたしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

デベロッパーとデザイナーのための最新リソースまとめ「10 Fresh Resources For Designers」

デベロッパー、デザイナーであれば常に最新の素材を所持しておきたいもの。ですが、膨大にある素材の中で探し出すことは非常に大変。今回はそんな最新のリソースがまとめられた「10 Fresh Resources For Designers」をご紹介していきたいと思います。

designresource_top
30 Adventurous Space To Earth Icons [Freebie] – Smashing Magazine

アイコンからモックアップまで色々な種類がまとめられています。いくつかピックアップしていますので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2011年01月11日

ブラシサイトから選ばれた厳選photoshopブラシ25選「25 Most Popular Photoshop Brush Sets from BrushLovers.com」

様々なグラフィック表現を可能にしてくれるphotoshopブラシ。日々様々なブラシがリリースされていますが、今日紹介するのはphotoshopブラシを集めて紹介しているブラシサイト「BrushLovers.com」からさらに選りすぐってまとめたエントリー「25 Most Popular Photoshop Brush Sets from BrushLovers.com」。


Pop Dots (6 Brushes)

比較的実用的なものを中心にまとめられています。今日はさらにその中からいくつか気になったブラシを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:26  |  
Category: Design , Photoshop   
2011年09月23日

FecebookファンページのGUI Photoshopデザインをダウンロードできる「Facebook Fan Page GUI PSD」

日本国内でも需要が伸び続けているFacebook。ページをカスタマイズしてオリジナリティの高いファンページの制作するという機会も増えているのではないでしょうか?そこで今回紹介するのが、FacebookファンページGUIデザインのPhotoshopデータを公開している「Facebook Fan Page GUI PSD」です。

ファンページの全体的なデザインはもちろん、設定範囲などの情報が掲載された、使いやすいGUIデザインとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:03  |  
Category: WebService   
2015年02月22日

ラインとカラーで構成された個性派アイコンセット「Swifticons」

常に最新のデザインが登場し続けるアイコン。定番素材としていろいろな種類をストックされているという方も多いのではないでしょうか?そんな中今回紹介するのは、ラインとカラーで構成された個性派アイコンセット「Swifticons」です。

swifticons

フラットデザインにマッチするシンプルな形状ながらも、デザイン性のある質感が魅力的なアイコンセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2016年08月26日

javascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」

Instagramなどを始め写真共有アプリでは気軽に写真に豊富なフィルタがかけられ多くの方が利用しており、フィルタによって創られた色味や風合いは写真のクオリティを大きく向上させてくれます。今日紹介するのはjavascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」です。

pf_01

パラメーターを調整するだけWEB上で表示された写真にフィルタと同じような効果をかけることが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:41  |  
Category: javascript , WebDesign   
2014年06月01日

いろいろなレイアウトが揃ったフリーwordpressテーマ「40 Fresh And Free WordPress Themes」

さまざまなwebサイトで取り入れられているwordpressは、非常に多くの人に愛され、時にはカスタマイズされ便利に利用されています。そんなwordpressテーマを40種集めた「40 Fresh And Free WordPress Themes」を今回は紹介したいと思います。

wordpress140601_4
News WordPress Theme

いろいろなレイアウトが揃ったフリーwordpressのテーマとなっています。気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2010年05月25日

IE6を徹底的に知るためのIE6チートシート「Ultimate IE6 Cheatsheet」

WEBデザイナーなら一度は苦しめられたことがあるIE6。はやくIE6を考えなくて良い、開発環境にならないかと思っている方も多いと思いますが、まだ現状を見る限り、完全に考えなくて良いという日はもう少し時間がかかると思います。今日紹介するのはIE6について改めて知ることができるIE6の全てをまとめた「Ultimate IE6 Cheatsheet」を紹介したいと思います。

internet-explorer-6-1

市場シェアが現状どうなっているのか?躓きがちなDOCTYPE宣言だったり、クロスブラウザで同一の表現を楽にしてくれるcssリセット、動作可能なjavascriptのフレームワークと様々な角度からIE6についてまとめてくれています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:47  |  
Category: WebDesign   
tag: webdesign
2015年10月31日

1000個もの豊富な種類が揃ったアイコンセット「1000 Icons for Web」

特にwebデザイン制作に便利なアイコン。種類が豊富に揃っているほどデザイン表現の幅は広がっていくと思います。そんな中今回紹介するのは、1000個もの豊富な種類が揃ったアイコンセット「1000 Icons for Web」です。

tinyicon

ミニマルなテイストのアイコンが1000個セットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

フリーで使えるプロフェッショナルなフォント集「50 First-class & New Downloadable Fonts For Professional Designs」

デザインに大きな影響を与えるフォント。様々なフォントがリリースされていますが、今回紹介するのはフリーで使えて、なおかつ、クオリティの高いフォントを集めたエントリー「50 First-class & New Downloadable Fonts For Professional Designs」を紹介したいと思います。

fontsprop01
7 days

スタンダードなものから、クリエイティブなものまで、様々な種類のフォントが全部で50種類紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:49  |  
Category: Design , Font   
tag: Design Font
2015年08月16日

webサイトデザインの設計・デザイン・参考として活用できる「Free PSD Website Templates for Web Designers and Developers」

webサイトを一からデザイン・設計するのはなかなか大変なもの。さらにそこから、トレンドを押さえたクオリティの高いものが求められる場合、時間もデザインセンス・技術も必要になってきます。今回はそんなシーンで活用したい、webサイトデザインの設計・デザイン・参考として活用できる「Free PSD Website Templates for Web Designers and Developers」を紹介したいと思います。

template00
Freebie PSD: Perth – A Free Flat Web Design.

デザイン性にすぐれたpsd形式のテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2016年09月18日

CSSで実現するフィルタジェネレーター「CSSFILTERS.co」

写真加工は現在様々なアプリケーションに搭載されており、もはや写真とは切手は切れない関係にありますが、今回紹介するのはWEB上でも動作する写真加工フィルタを生成できるCSSで実現するフィルタジェネレーター「CSSFILTERS.co」です。

cssfilter_01

このサービスでは、予め登録されたフィルタもしくは、パラメーターを指定して任意の画像にフィルタをかけるとと共に、WEB上で実現するためのコードも出力してくれるというものです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:58  |  
Category: WebDesign , WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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