TOP  >  基礎

Tag : 基礎

2017年11月10日

デザインの基礎を学ぶ グラフィックデザイン初心者向けオンラインレッスンまとめ「22+ Absolutely Free Online Lessons For Beginner Graphic Designers」

デザインをこれから始めようとする時に、抑えておきたいのがデザインの基礎知識。しっかりとした基礎知識は、今後の伸びや成長をもしっかりと支えてくれるはず。今回ご紹介するのはそんなこれから基礎を学ぶ初心者の方におすすめな、デザイン初心者向けオンラインレッスンをまとめた「22+ Absolutely Free Online Lessons For Beginner Graphic Designers」です。

lessons-for-beginner-graphic-designers1
Shape Type, the letter shaping game

デザインに必要な基礎知識をわかりやすくまとめた、無料の講座が22種類も紹介されています。今回はその中からおすすめのものを幾つかまとめて見ましたのでご覧ください。

詳しくは以下
(続きを読む…)

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

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

2016年05月06日

WEBフローチャートを簡単に制作できる素材キット「Web Layout Flowcharts」

WEBサイトを制作する上で、ワイヤーフレームを書いてWEB全体の構成イメージやユーザーの流れなどを見せた上で実制作に入るという方も多いと思いますが、今回紹介するのはWEBフローチャートを簡単に制作できる素材キット「Web Layout Flowcharts」です。

webwyre01

詳細のワイヤーフレームまでは難しいですが、大枠のサイトの構成、流れなどは把握できるものが簡単に製作できます。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:09  |  
Category: Design , vector , WebDesign   
2015年09月06日

フラットテイストなデザインイラスト素材を集めた「25 Flat Design Freebies You Should Download」

今主流のデザインテイストといえばフラットデザイン。平面を意識した面を使ったデザイン用に、対応した同テーマの素材も多数配布されています。今回はそんなフラットテイストなデザインイラスト素材を集めた「25 Flat Design Freebies You Should Download」を紹介したいと思います。

flatfree3

アイコン、イメージイラスト素材を中心に、カラフルで明るい印象のイラスト素材がフリーでダウンロードできるようになっています。いくつか気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2014年04月07日

ヴィンテージテイストのロゴデザインテンプレートまとめ「30 Free Vintage Logo Templates」

デザイナーなら一度はデザインを手がけたことがあるであろうロゴデザイン。実に奥が深く、難しいデザインジャンルとしても認識されているのではないでしょうか?今回はそんなロゴデザインのビンテージテイストなテンプレートをまとめた「30 Free Vintage Logo Templates」を紹介したいと思います。

vintage1
6 Free Customizable Retro/Vintage Logos & Emblems

かすれ具合などでヴィンテージな質感を演出したロゴのテンプレートデザインが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:03  |  
Category: Design   
2012年06月01日

レンズフレアを再現できるPhotoshopブラシセット「Free Lens Flare Brushes」

デジタル一眼カメラなど、写真を趣味として手軽に楽しめるようになっていますが、構図や、気象条件や撮影条件よる設定などが難しく、なかなか思い通りの写真が撮れないとお悩みの方も多いはず。そこで今回は、画像の後処理に使いやすいレンズフレアを再現できるPhotoshopブラシセット「Free Lens Flare Brushes」を紹介したいと思います。

フレアの雰囲気が異なるブラシが10個もセットになっており、写真の加工を楽しむことができます。

(続きを読む…)

続きを読む
posted 11:35  |  
Category: Design , Photoshop   
2017年09月30日

フリーグラフィック素材まとめ「A Worth Checking Out Collection Of Free Graphics Files for Designers」

デザイナーは時にリアルなグラフィックを求められることもありますが、いちから作るのは時間も手間もかかるもの。今回はそんな時に、こんなグラフィックコレクションがあったら助かる、といったアイテムがまとまった、フリーグラフィック素材まとめ「A Worth Checking Out Collection Of Free Graphics Files for Designers」の紹介です。

FreeGraphics01
Free PSD : Creative Horizontal CV Resume Template PSD by PSD Freebies – Dribbble

リアルなグラフィックのアイテムはモックアップにも使用できる優れもの。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool   
2012年11月13日

表現力の高いダウンロードアイコンまとめ「A Showcase of Free and Pleasing Download Icon」

一昔前までは、MOやフロッピーディスクといったメディアを利用してデータのやり取りをすることが多かったですが、今ではほとんどのデータがインターネット上でやり取りされており、毎日何かしらのデータをパソコン内にダウンロードをしているという方も多いはず。そんな中今回紹介するのが、表現力の高いダウンロードアイコンをまとめた「A Showcase of Free and Pleasing Download Icon」です。


Coarse Green Download Folder Icon, PNG ClipArt Image | IconBug.com

立体感のあるアイコンから、ポップな雰囲気のアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:24  |  
Category: Design   
2015年04月23日

さまざまなデザインシーンに対応できる PhotoshopフリーPSD素材「27 New Photoshop Free PSD Files for UI Design」

いろいろなデザインシーンで活躍してくれるPhotoshop。非常にハイクオリティで多種多様な素材を作成できることでも重宝されるソフトとなっています。そんな中今回紹介するのは、さまざまなデザインシーンに対応できるPhotoshopフリーPSD素材「27 New Photoshop Free PSD Files for UI Design」です。

psdfile0423_1
Free PSD Modern Infographics Banner – Free PSD Files

いろんなタイプのpsd形式の素材が厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2010年02月23日

CSSで実現させるクロスブラウザ対応のドロップシャドウテクニック「Cross-browser drop shadows using pure CSS」

WEBデザインをよりリッチにそして作り込んでいる感を与えてくれるドロップシャドウ。ドロップシャドウをつける方法は沢山ありますが、様々なブラウザで同じような見せ方をするためには画像を作成したり、背景が複雑な場合は透過PNGをIEでもよみこませるようにして、背景にしたりと色々と面倒です。今日紹介するのはCSSのみでクロスブラウザに対応したドロップシャドウを作るテクニック「Cross-browser drop shadows using pure CSS」を紹介したいと思います。

drop-shadows

上記が、各ブラウザでのドロップシャドウの見せ方のサンプルとなります。色の濃さなど細かなところは違うものの、ほぼ同じような見え方でドロップシャドウを実現しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:13  |  
Category: WebDesign , WebService   
tag: CSS webdesign
2011年11月30日

デザイン性の高いイベント告知サイトまとめ「32 Nice Event Websites」

企業やショップなどを紹介する常設のサイトと、スペシャルコンテンツ・イベントなど短期間のみ利用するサイトと、webサイトにはまったく主旨の異なる2タイプのジャンルが存在しています。そんな中から今回紹介するのは、イベント告知用に設置された趣向性の強いデザインをまとめた「32 Nice Event Websites」です。


Full Frontal 2011- JavaScript Conference

イベント内容を単刀直入に伝えるデザインから、イベントの雰囲気をイメージ的に伝えるデザインまで、さまざまなテイストのwebサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2010年06月15日

IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」

WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。

screen-shot-2010-04-23-at-20142-pm-500x150

全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにyほって再現するというものです。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:07  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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