TOP  >  デザイン

Tag : デザイン

2016年06月09日

イラストレーターをもっと活用できる 最新のチュートリアル15選「15 New Adobe Illustrator Tutorials」

さまざまなグラフィック表現を可能にする、adobeのソフト・イラストレーター。デザイナー必須のソフトであり、ほとんどのデザインシーンで利用されています。今回はそんなイラストレーターをもっと活用できる、最新のチュートリアル15選「15 New Adobe Illustrator Tutorials」を紹介したいと思います。

tutorial_illustrator0609_1
How to Create a Simple Geometrical Pattern in Adobe Illustrator

イラストレーターを使ってできる描写技術が15種掲載されています。気になったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

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

ハイクオリティな最新フリーリソースまとめ集「50 Free Resources for Web Designers from May 2016」

webデザイン業界の移り変わりの早い流行と共に、フリーで配布されている素材も常に新しいものがどんどんと登場しています。そんな中今回は、ハイクオリティな最新フリーリソースまとめ集「50 Free Resources for Web Designers from May 2016」を紹介したいと思います。

resources0607_4
Free Isometric Stationery PSD Scene Creator by ZippyPixels – Dribbble

UIやフォント、アイコン、モックアップなど、さまざまな種類の素材が多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

アイコンやUIなど最新のフリーリソースまとめ「50 fresh resources designers, May 2016」

最近公開された素材をまとめている記事を参考にすることで、現在の流行を取り入れながらデザイン力をアップすることができます。今回はそんな、アイコンやUIなど最新のフリーリソースまとめ「50 fresh resources designers, May 2016」を紹介したいと思います。

resources0603_3
Old Weathered Wood Textures : Medialoot

いろいろな種類のフリー素材がピックアップされており、ストックしておくと便利に活用できそうなものばかりが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年06月05日

モックアップを画像をアップロードするだけで制作してくれる「Smartmockups」

WEBデザインを生業として行う上で、単純にデザインしたものを見せるだけでは無く、時には実際にスマートフォンやPCに表示されている画像を見せてイメージを膨らませていただく作業をしたということもあると思います。今日紹介するのはそんなモックアップを画像をアップロードするだけで制作してくれる「Smartmockups」です。

smartmock0

デスクトップからスマートフォン、タブレットなど様々なモック写真が公開されており、それらを簡単に利用することが可能です。
試しにDesigndevelopのスクリーンショットで試してみましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:30  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年06月04日

手書きのラフな雰囲気を表現 フリーハンドライティングフォント集「50 Free Handwritten Fonts | Fonts」

さまざまなテイストのフォントがフリーで配布されており、ジャンル別にピックアップされているデザイナーの方も多いのではないでしょうか。そんな中今回紹介するのは、手書きのラフな雰囲気を表現できるフリーハンドライティングフォント集「50 Free Handwritten Fonts | Fonts」です。

handfont0603_4
Netsrak free font on Behance

手書きならではの自由なタッチ、フリーで広がり感のあるデザイン性を演出できるフォントが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
このエントリーをはてなブックマークに追加
2016年06月03日

配色を操るためのカラーツール5選「Finding Colors: 5 Tools for Great Color Concepts」

デザインのクオリティや質を高めるためにもっとも重要な要素が配色。バランスの良いデザインでも色がチグハグでは良いデザインにはなりえません。今日紹介するのはそんな配色を便利にしてくれる、配色を操るためのカラーツール5選「Finding Colors: 5 Tools for Great Color Concepts」です。

adobe-color-cc-640x393
Adobe Color CC

今回は紹介されている5つの配色ツールの使い勝手や特徴を簡単にまとめてご紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2013年03月15日

Photoshopの写真エフェクトに強くなるチュートリアルまとめ「33 Amazing Photoshop Photo Effect Tutorials」

デジカメで画質の奇麗な写真が手軽に撮影できるようになってきていますが、撮影した写真に雰囲気をプラスするには、レタッチのための技術が必要になります。そんな中今回紹介するのが、Photoshopの写真エフェクトに強くなるチュートリアルまとめ「33 Amazing Photoshop Photo Effect Tutorials」です。


HDR Photography With Photoshop CS5 | Psdtuts+

レトロテイストな加工ができるチュートリアルから、肌の質感を美しくレタッチできるチュートリアルまで、さまざまな技術が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2014年02月21日

大空に広がる雲を描き出せるブラシ「15 Free Cloud Vector Brush Sets」

デザインに空間感や、爽快なイメージを表現できる空の描写は、デザインシーンでもよく利用されています。そんな中今回紹介するのは、大空に広がる雲を描き出せるブラシ「15 Free Cloud Vector Brush Sets」です。

cloudbrush1
Last 36 High Res Cloud Brushes by christalynnebrushes on deviantART

15種のベクターで描けるベクターブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:10  |  
Category: Design   
2011年01月31日

奥行きを感じるwebデザインのまとめ「Showcase of Depth and Perspective in Web Design」

基本的には平面でデザインをすることが多いwebサイトのデザインですが、今回は立体的に作り上げられ奥行きを感じることができるwebデザインのまとめ「Showcase of Depth and Perspective in Web Design」を紹介します。


Cupcakes sucrés, salés, pour tous les goûts…

そこにまるで一つの世界があるかのように、独特の空間を見事に表現しています。きになったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:31  |  
Category: Design , WebDesign   
2016年10月14日

手書き風の雰囲気を手軽に フリー配布のハンドドローイングフォント20選「20 Beautiful and Free Hand-Drawn Fonts」

自分の手で書いたようなアナログテイストな質感が演出できるハンドドローイングフォント。デザインに抜け感などを出したい時にも活用されます。そんな中今回は、フリー配布のハンドドローイングフォント20選「20 Beautiful and Free Hand-Drawn Fonts」を紹介したいと思います。

font1014_1
Thirsty Dog free typeface on Behance

一口にハンドドローイングフォントといっても、いろいろなテイストのものが揃っています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:54  |  
Category: Font   
2007年10月18日

WPにGoogleAnalyticsを導入するプラグイン「Ultimate Google Analytics」

当サイトのアクセス解析にはgoogleさんが提供しているGoogle Analyticsを利用しています。もうご存知の方がほとんどだと思いますが、GoogleAnalyticsとは月間500万PVまでは無料(その以上のPV数の場合は、解析してくれないだけで、有料化するわけではない)で解析してくれて、滞在時間やリピートユーザー率などかなり細かいデータまで解析してくれますのでメインの解析ツールとして十分な機能を持っているアクセス解析です。

GoogleAnalyticsの解析にはテーマ内にトラッキングコード埋め込む必要があるのですが、テーマに直接記述してしまうとテーマを変えた時に面倒になりそうなので導入支援プラグインを「Ultimate Google Analytics」使いたいと思います。このプラグインを使えば簡単にGoogleAnalyticsをWordPressに導入できます。

インストール方法は以下から

(さらに…)

続きを読む
posted 03:17  |  
Category: plugin , WordPress   
2013年02月17日

様々なノリモノの形をベクターで描いたグラフィック素材「Free Vector Vehicles」

世界中に多種多様な種類があるノリモノ。車、バイク、船、飛行機など、パッと思い浮かべるだけでも数種類でてきます。それだけに、制作の中で、ノリモノを表現する機会もあると思います。今日紹介するのは、様々なノリモノの形をベクターで描いたグラフィック素材「Free Vector Vehicles」です。

上記のようにベクターデータで表現されており、シンプルなデザイン感なので、比較的利用しやすく、加工なども行いやすくなっております。

詳しくは以下

(さらに…)

続きを読む
posted 04:53  |  
Category: Design , vector   
2011年07月11日

エラーページもグラフィカルに表現「30 Interesting 404 Pages」

webページが表示されない時に変わりに画面に登場する「404 error」。文字だけの味気ないタイプのものが一般的ですが、今回は「404 error」をグラフィカルに表現したwebデザインページ集「30 Interesting 404 Pages」を紹介したいと思います。


Error |  Brandstack

一目見たら忘れられない、個性的なデザインの「404 error」ページが多数紹介されています。気になったデザインをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2015年07月01日

さまざまな使用シーンに対応できるpsd素材をまとめた「26 New Photoshop Free PSD Files for UI Design」

写真加工以外にも、非常にさまざまな表現が可能なPhotoshop。特にPhotoshopで制作されたグラフィック素材は非常にクオリティが高く、使用するだけでデザインの質を一気に高めることができます。今回はそんなPhotoshop形式のpsd素材をまとめた「26 New Photoshop Free PSD Files for UI Design」を紹介したいと思います。

psdfree_2
Free Vintage Rolleiflex Badge on Behance

モックアップからテンプレートまで、さまざまな使用シーンに対応できる素材が紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2007年11月22日

【tool】Fontを任意の文字でシンプルに一覧表示できる「FontDoc」

Fontを毎日見ている人なら、自分の作業しているPCに入っている書体は名前を見ただけで分かると思いますが、なれていない人はそうはいきません。最近のレイアウトソフトやアプリケーションでは名前だけでなくフォントをプレビューしてくれるものもありますが、無いものも当然ながらあります。

fontdoc

プレビュー機能が無くてフォント選びにうんざりしている人にお勧めしたいのが今回紹介する「FontDoc」はFontの一覧をシンプルに分かりやすく表示してくれるフォントプレビューソフトです。

詳しくは以下

(さらに…)

続きを読む
posted 02:00  |  
Category: Tool   
tag: Font Tool
2012年02月18日

webデザイン制作に活かしたい 精度の高いフリーwebテンプレート「20 High-Quality Free PSD Templates」

webデザインを一から制作し、完成までたどり着くためのには、多くの時間が必要。しかし納期が短いといった状況も少なからずあるため、できるだけ効率良く、それでいて高いクオリティのものをアップさせたいものです。今回はそんな時に便利なテンプレート「20 High-Quality Free PSD Templates」を紹介したいと思います。


GraphicsFuel.com | Cafe & restaurant website PSD template

レイアウトやテイストなど、イメージしているデザインに近いものを選べば、制作の作業スピードを上げながら、思い通りのwebサイトを作り上げることができそうです。いくつか気になるものをピックアップしてみましたので、下記よりご覧下さい。

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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