TOP  >  Design

Tag : Design

2014年04月16日

ベーシックに使用できる フリーWordPressテーマ「35 Free WordPress Theme」

さまざまなwebサイト制作で利用されているWordPress。テーマを使うことでよりデザイン性の高いサイトを簡単に構築することができます。そんな中今回紹介するのは、ベーシックに使用できるフリーWordPressテーマ「35 Free WordPress Theme」です。

word140415_1
Costa Free WordPress Theme

比較的シンプルで定番のレイアウトのフリーテーマがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

デザイン性の高い企業ツールモックアップ「15 Free High-Resolution Corporate Identity Mockup Templates」

企業などで使用する封筒や名刺、ノートなどのツール。オリジナルで制作されているところも多く、プロモーションツールとしてもおおいに活躍してくれます。それだけに、デザインにはこだわりたいものです。今回はそんな時に便利に活用できる企業ツールモックアップ「15 Free High-Resolution Corporate Identity Mockup Templates」を紹介したいと思います。

mockup_1
Identity / Branding MockUp Vol.3 | GraphicBurger

デザイン性の高いモックアップセットが15種まとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

デザインのクオリティを高める クリエイティブなフリーフォント「12 Latest Free Fonts for Designers」

デザインのイメージを左右するといっても過言ではない程、非常に重要な役割を持つフォント。その選定には充分に吟味を重ねたいもの。今回はクリエイティブなデザインにおすすめの、最新フリーフォントまとめ「12 Latest Free Fonts for Designers」を紹介したいと思います。

font140330_0
Dirty Slab a new typeface with free download

デザインのクオリティを高めてくれるフリーフォントが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

ラフな落書きを手軽に表現できるPhotoshopブラシ「15 Photoshop Free Scribble and Doodle Brushes」

デザインにラフさを取り入れたい、カジュアルな印象にしたい時に使うことが多い落書き風のデザイン。手描きで作成するのももちろん良いですが、今回はブラシを使って手軽に描き出すことができる「15 Photoshop Free Scribble and Doodle Brushes」を紹介したいと思います。

scribble1
Dirt2 Secret Garden Brushes by KeepWaiting on deviantART

さまざまな種類やテイストの落書きブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

webデザイン制作に欠かすことのできない アイコンセットまとめ「Free PSD Icons: 26 Sets Of Flat Vector Icons for Designers」

webデザインを制作する際に素材として頻繁に利用されるアイコン。種類豊富にストックしておくことで、表現の幅がぐんと広がります。そんな中今回は、フラットなベクターアイコンセットをまとめた「Free PSD Icons: 26 Sets Of Flat Vector Icons for Designers」を紹介したいと思います。

icon140411_1
Free Flat Icons Pack on Behance

定番として使えるタイプから、ちょっと個性的なテーマのものまで、さまざまなアイコンセットが紹介されています。

詳しくは以下

(続きを読む…)

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

デザイン・機能共に魅力的な フリーWordPressテーマ「25+ free WordPress themes for April 2014」

更新システムなどを取り入れたwebサイト制作によく利用されるWordPress。フリーのテーマも多数配布されており、便利に利用できるようになっています。そんな中今回紹介するのは、デザイン・機能共に魅力的なフリーWordPressテーマ「25+ free WordPress themes for April 2014」です。

wordpress140410_3
Capture Free | Slocum Themes

デザイン的に使いやすいWordPressテーマがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2010年09月28日

ポートフォリオのためのwordpressテーマ集「75+ Awesome Free and Premium Portfolio Themes for WordPress」

WEBを制作する一つの目的として、自分自身のサービスや作品を世の中に発表するという用途も多いと思いますが、今回紹介するの世界中で利用されているCMS、wordpressで利用できるポートフォリオのためのwordpressテーマを集めたエントリー「75+ Awesome Free and Premium Portfolio Themes for WordPress」です。


WPFolio

全部で75の無料、有料のテーマが紹介されていますが、今日はその中でもデザイン性が高いものを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2012年04月11日

さまざまな雰囲気を表現できる比較的最近発表されたテクスチャまとめ「Useful New Textures To Download And Use – 41 Items」

グラフィックやWEBサイトなどのデザイン制作にはもちろん、CG制作などさまざまな分野で利用されているテクスチャ素材は、レパートリーの多さがオリジナリティの高いデザイン制作のための重要なポイント。そこで今回紹介するのが、さまざまな雰囲気を表現できる比較的最近発表されたテクスチャまとめ「Useful New Textures To Download And Use – 41 Items」です。

自然の風景を切り取ったテクスチャからデザイナーが制作したテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:57  |  
Category: Design   
2007年12月04日

65種類のイラストレーターチュートリアルを集めた「65 Adobe Illustrator Tutorials」

今まで「イラストレータのチュートリアル集「Illustrator
Tutorials」
」や「illustratorのペジェ曲線特訓チュートリアル「Illustrator Pen tool exercises」」などイラストレーターのチュートリアルを紹介してきましたが、今回紹介するのは65種類ものイラストレータのチュートリアルを集めた「65 Adobe Illustrator Tutorials」です。

イラストレータチュートリアル

上記のようにアイコンからからカットイラストまで様々なジャンルのチュートリアルが集められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:28  |  
Category: Design   
2008年10月22日

Ajaxによるフリーのコンタクトフォーム集「16 Free Ajax Contact Forms」

コンタクトフォームはサイトとユーザーを繋ぐための大切なもの、こだわりを持ってWEBを作るのであれば、コンタクトフォームにもこだわっていきたいところです。そこで今回紹介するのはAjaxで動作する小粋なフリーのコンタクトフォームを集めた「16 Free Ajax Contact Forms – For A Better User Experience」と言うエントリー。


LightForm/Demo

シンプル目な物から字数カウント、アニメーションなどAjaxを活かしたフォームが全部で16個紹介されています。今日はその中から個人的に気にあったコンタクトフォームをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:55  |  
Category: WebDesign   
2012年03月15日

Photoshopブラシで表現できるフレームまとめ「100+ Free Photoshop Frame Brushes To Decorate Your Designs」

メイングラフィックやタイトルの装飾など、さまざまなシーンで活躍するフレーム枠は、テイスト違いごとにたくさんストックしておきたいもの。そこで今回紹介するのが、Photoshopブラシで表現できるフレームをまとめた「100+ Free Photoshop Frame Brushes To Decorate Your Designs」です。


Bri’s Picture Frame brushes by ~rabidbribri on deviantART

ラインの美しいフレームから、絵画を飾るようなリアルなフレームまで、たくさんのブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:01  |  
Category: Design , Photoshop   
2008年07月08日

ローディングに使えるフリーGIFアニメアイコン集「120+ Free Ajax Activity Indicator Gif Icons」

以前Designdevelopではローディングアニメーションが簡単に生成できるWEBサービスを「99個のサンプルからローディングgifアニメーションが簡単に作れる「Load Info – gif generator」」と言う形で紹介しましたが、今回紹介するのはフリーでつかえるローディングGIFアニメアイコンをまとめて配布しているエントリー「120+ Free Ajax Activity Indicator Gif Icons」です。

シンプルな物から、極小の物まで様々なローディングアニメーションが公開されています。アニメアイコンはGIFアニメで貼り付けられていますので、動きを確認しながらダウンロードすることができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:27  |  
Category: WebDesign   
tag: webdesign
2008年02月16日

プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」

CSSに慣れてくるとコードを見ただけでだいたいどんなように見えるかわかったり、その逆で、こんな風に見せたいと思ったことをコードにすることもできると思いますが、覚え立ての頃はそうは行きません。今回紹介する「CSS Type Set」は実際反映された後のデザインのプレビューとCSSのコードを同時に見ながら設定できるWEBサービスです。

CSSテキストスタイルジェネレーター

見た目をプレビューしながらテキストのスタイルを決めていけるので。自分の理想に近づけることも簡単で、横にCSSのコードが表示されているので、その見た目を自分のサイトに簡単に反映させることもできます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:59  |  
Category: WebDesign , WebService   
2011年05月03日

webサイトのボタンデザインに重要な7つの要素「Common elements used in interface button design」

webサイトを制作する際、全体的なデザインの決定も重要ですが、サイト内を自由に動くための動線をしっかりと設計することが、ユーザーを引きつける為にも必要ではないでしょうか?そこで今回は、それぞれのページのドアとなるボタンのデザインに重要な7つの要素を解説した「Common elements used in interface button design」を紹介したいと思います。


Dribbble – Upload button by kailoon

的確な解説、さらに実制作に役立つチュートリアも紹介されているので、すぐにボタン作りに活かすことができそうです。

詳しくは以下

(続きを読む…)

続きを読む
2008年12月28日

ロゴデザインをする際の10のTips「Logo design tips」

グラフィックデザインといっても様々なデザインがあり、紙面のデザインから、ロゴマーク、タイプなど様々ですが、今日紹介する「Logo design tips」はロゴのデザインについてのTipsを10個紹介するエントリーです。

ロゴマークはたまに作らせていただいたりしますので、せっかくなので、紹介しながら学んで行きたいと思います。簡単に下記に記しておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:36  |  
Category: Design   
tag: Design
2009年07月17日

顔からカラダまで人間を美しくするphotoshopテクニックを極める「26 Professional Photoshop Retouching Tutorials」

作業環境や仕事にもよりますが、photoshopで行う補正の中でも得に補正を行なうのが人間。パンフレットだったり、ポスターだったりと作品の中心となる事が多く、細かな部分の修正を求められたりする場合があります。今日紹介する「26 Professional Photoshop Retouching Tutorials」はphotoshopで人物補正を行なう為のテクニック集です。

retatch01
Super Fast and Easy Facial Retouching

数多くのテクニックが紹介されていますが、今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下から

(続きを読む…)

続きを読む
posted 06:10  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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