TOP  >  色彩学

Tag : 色彩学

2017年04月11日

コーダーの為の実用的な色理論が学べる「Practical Color Theory for People Who Code」

Webサイトのコーディングを一手に担うコーダー。デザインに関する知識を持っているだけで、仕事の仕方も大きく変わってきます。そんな中今回ご紹介するのは、コーダー達へ向けた簡易的な色彩学を学ぶためのWebサイト「Practical Color Theory for People Who Code」です。

gGD2GtQBgu8yQAAAABJRU5ErkJggg==

色相の説明から始まりトーンオントーンなど、基礎的な知識を学ぶことができます。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

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

2010年02月20日

商用利用可!家具のシルエットベクターデータ「Household Items Vector Pack」

色を変えたりと一部改変したりと非常に便利に利用できるベクターデータ。グラフィック制作に置いては欠かせないものだと思います。今日紹介するのは家具のシルエットのベクターデータ素材「Household Items Vector Pack」を紹介したいと思います。

iheartvector-household-item

扇風機、シャンデリア、ワイングラス、トロフィーなどなど、様々な家にあるアイテムのベクターデータで公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 11:12  |  
Category: Design , vector   
2012年12月04日

雰囲気が伝わりやすいフリーTumblrテーマまとめ「50 Elegant Free Tumblr Themes And Widgets For Blogging Experience」

ブログよりも手軽な投稿が魅力のTumblr。日々の出来事をはじめ、さまざまな物事をアーカイブするために利用している方も多いと思います。今回はそんなTumblrのデザインをカスタマイズできる豊富なテーマの中から、雰囲気が伝わりやすいフリーのテーマをまとめた「50 Elegant Free Tumblr Themes And Widgets For Blogging Experience」を紹介したいと思います。


Vintage Stripes

シンプルなテーマはもちろん、コラージュやテクスチャを利用した個性的なテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:16  |  
Category: Design   
2016年03月21日

CSSのみで実現する軽量なツールチップ「Ballon.css」

WEB上で、ボタンや画像などの補足説明に用いられるツールチップ、そこまで多くは見かけませんが、ユーザーナビゲーションとしては直感的で有効な手法で、制作するにあたって導入を検討するWEBデザイナーの方は多いのではないでしょうか?今日紹介するのはCSSのみで実現する軽量なツールチップ「Ballon.css」です。

balloncss2

CSSのみで制作されていますが、なめらかなアニメーションを実現しています。ICONフォントや絵文字にも対応しています。

詳しくは以下

(さらに…)

続きを読む
posted 07:04  |  
Category: WebDesign   
2011年09月08日

最近公開された新しいフリーアイコンセット集「30 Fresh and Free Icon Sets for Designers and Developers」

さまざまなデザイン制作の場で使用されるアイコン。デザインテイストに合わせたアイコンが揃っていれば、クオリティを格段にアップさせることができるのではないでしょうか?そこで今回紹介するのが、公開されたばかりの新しいフリーアイコンセットを集めた「30 Fresh and Free Icon Sets for Designers and Developers」です。


Mini Clouds Set ‹ 365psd

ラフなテイストのアイコンから、立体的なデザインのアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:21  |  
Category: Design   
2013年10月20日

水の飛び散りやインクの跳ねを表現できる スプラッター調ベクターセット「20 Free Awesome Splatters Vectors」

デザイン制作に便利に利用できる素材の中でも特にベクター素材は、カラーやパスの可変が可能なので、特にグラフィックデザインで使用する際には重宝します。今回はそんなシーンに備え是非ストックしてほしい、水の飛び散りやインクの跳ね感を表現できる、スプラッター調ベクター素材「20 Free Awesome Splatters Vectors」を紹介したいと思います。

20fasv_0
Colorful Splash Banner Vector

どれも単調な表現ではなく、飛び散り感をリアルに描くことができるスプラッター調素材が集められています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2012年12月14日

ログインをクリエイティブに演出できる「37 Free and Eye-catching PSD Login Forms」

ユーザー登録などをする際に出現するログインフォームは、デザインする要素が少ないだけに、どうしてもシンプルになってしまいがちです。今回はそんなイメージを払拭してくれる、ログインをクリエイティブに演出できるまとめ「37 Free and Eye-catching PSD Login Forms」を紹介したいと思います。


DW Premium: A Clean & Stylish Login Form (PSD) | DesignWoop

シンプルベースでありながらも、細かなデザインにこだわりが光るフォームのサンプルpsdが37種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:06  |  
Category: Design , Photoshop   
2017年04月21日

スマホ含むUXデザイン向けのフリーワイヤーフレームテンプレート50「50 Free Wireframe Templates for Mobile, Web and UX Design」

ワイヤーフレームの作成は、プロジェクトを進行する上で非常に重要な役割をもち、全体の構造把握のために必要な過程。そんなシーンで活用したい、フリーで配布されているものを豊富にまとめている「50 Free Wireframe Templates for Mobile, Web and UX Design」を今回は紹介いたします。 

wire00
Freebie – Iphone templates for mobile storyboard by Jean-Baptiste Eudeline – Dribbble

便利に活用できそうな、さまざまなテイスト、種類のワイヤーフレームが揃っています。気になったものをいくつかピックアップしてご紹介しているので、ご覧下さい。

詳しくは以下

(さらに…)

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

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

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

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

詳しくは以下

(さらに…)

続きを読む
posted 08:31  |  
Category: WebDesign , WebService   
2017年05月05日

デザインを魅せる、最新のフリーのPSDモックアップテンプレートまとめ「Free PSD Mockup Templates (25 Fresh Mock-ups)」

デザインをより魅力的に見せてくれるモックアップですが、型落ちのスマートフォンのモックアップなど少し古いものを使えば、魅力的なデザインでもマイナスの印象を与えてしまうことも。そんな事態を避ける為にも、モックアップは常に最新のものを押さえておきたいところ。そんな中今回ご紹介するのはフリーのモックアップの素材の中から最新作のみをまとめた「Free PSD Mockup Templates (25 Fresh Mock-ups)」です。

free_psd_mockups_templates0502
Free PSD Mockup Templates (25 Fresh Mock-ups) | Freebies | Graphic Design Junction

スマートフォンやPC、フライヤーまで、WEBと紙両方で活躍する定番のモックアップを25種類が揃っています。その中から幾つかお勧めのモックアップを抜粋してご紹介しますので、下記よりご覧下さい。

詳しくは以下
(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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