TOP  >  Tips

Tag : Tips

2017年06月12日

ブログを成功させるために必要なヒントをまとめた「20 Blog Design Tips for Creating Successful Blogs」

最近ではブログを始める人も多く、そんな中で自分の記事を広めていくことはなかなか難しいことですが、ちょっとしたことを改善するだけで意外と簡単に自分のブログを広めることができるのかもしれません。今回はそんなシーンで参考にしたい、「20 Blog Design Tips for Creating Successful Blogs」を紹介したいと思います。

blog_hint_top
The Complete List of Resources I Used To DIY My Blog Design – Where My Soul Belongs

ブログの成功のために必要なテーマの選択やグラフィック要素の使い方など、成功するためのヒントが紹介されています。いくつか気になったものをピックアップして下記にご紹介していますので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

webサイト制作に重要な四つの要素「Four Essential Web Design Tips」

webサイト制作のアイデアはあっても、実際に作ろうと思うとどこから手を付けていいのか分からない、という方もいらっしゃるのではないでしょうか?そこで今回紹介するのは、webデザインに重要な4つの要素をまとめた「Four Essential Web Design Tips」です。

webサイトを構築するにあたり押さえておくべき重要な要素がポイントを絞って紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 02:37  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年03月21日

Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」

企業のシンボルや、ブランディング、プロモーションなどに使用されるロゴには、個性が求められるシーンもしばしばあるかと思います。今回はそんな時に是非参考にしたい、Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」を紹介したいと思います。


Create a Mummy Text Effect In Illustrator | Vectips

Illustratorの機能を駆使し制作されたハイクオリティなロゴデザインが、チュートリアルと共に多数紹介されています。中でも特に注目したロゴをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

photoshopの写真加工チュートリアル35「35 Fresh Photo Effect Photoshop Tutorials」

世界的に利用されている高機能な写真加工ソフトphotoshop。その世界は奥が深く、テクニック次第では様々な世界を創る事ができますが、今回しょうかうするのはphotoshopを使った写真加工のチュートリアルを集めたエントリー「35 Fresh Photo Effect Photoshop Tutorials」。


Combine Stock Photography to Create a Sleepy Japanese Village in Photoshop

現実世界をより引き立てるための加工テクニックから、空想の世界を描くためのテクニックまで幅広い写真加工のチュートリアルが紹介されています。今回はその中から幾つか気になったチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

様々な表現を可能にするイラストレーターチュートリアル100「100 Best Illustrator Tutorials of All Time (From Newbie to Pro)」

制作現場では幅広く利用されているベクターデータを扱える制作ソフトイラストレーター。紙やグラフィックのデザインが中心という方にはおなじみのソフトだと思いますが、レイアウトにとどまらず、極めて行けば様々な表現が可能です。今日紹介するのはイラストレーターのチュートリアルを100まとめたエントリー「100 Best Illustrator Tutorials of All Time (From Newbie to Pro)」です。


Turn a Boring Bar Graph into a 3D Masterpiece | Vectortuts+

立体的な表現、光、グラデーションを上手く使った質感の表現など、様々なイラストレーターのテクニックが公開されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:47  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2010年09月10日

CSS3で作るアナログ感たっぷりの立体ボタン「BonBon Buttons – Sweet CSS3 buttons」

WEB制作業界ではすっかりおなじみのキーワードとなってきたCSS3。ブラウザの対応も進んでいて、そろそろ手を付けていこうというかたも多いかと思います。今日紹介するのはCSS3を駆使して、立体的でアナログ感のあるボタンを作るプロジェクト「BonBon Buttons – Sweet CSS3 buttons」です。

シャドウと立体感と角丸などCSS3ならではの機能をふんだんに利用してボタンを作っています、見た目だけではなくて、クリックした時の動作感などもこだわっていて、表現だけではないリッチなボタンになっています。

詳しくは以下

(さらに…)

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

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

2013年01月26日

選んだ色を基準にして、色を選べるWEBツール「colllor」

色の決定や配色は難しく、経験があるデザイナーでも迷う事も多いのではないでしょうか?オレンジや赤と一口にいっても様々なオレンジや赤があり、最終どの色がふさわしいか吟味に時間を使うというデザイナーも多いと思います。今日紹介するのは自分の選んだ色を基準にして、色を選べるWEBツール「colllor」です。

このツールはまず自分で色をカラーツールで選択し、その後選んだ色の周辺色やトーン違い等を並べて提示してくれるというもので、その色の差を見比べながら決定できるというものです。

詳しくは以下

(さらに…)

続きを読む
posted 02:53  |  
Category: WebService   
2008年12月30日

クリエイティブなアナログ的なフリーフォント「Bumbayo Font Fabrik」

デザインする上で印象を決定づける一因となるフォント。今回はタイトルやデザインアクセント的に使えるクリエイティブなアナログ的なフリーフォント「Bumbayo Font Fabrik」を紹介したいと思います。

フリーフォントはwindows、MacOSX両対応でTuretypeとOpentypeと2種類で配布されています。配布されているフォントの一部を下記に掲載致しますのでご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:47  |  
Category: Design , Font   
tag: Design Font
2011年10月26日

レトロな雰囲気の高解像度花柄テクスチャセット「Hi-resolution floral paper textures」

デザインに手軽に華を添えられるテクスチャは、できる限り豊富にストックしておきたいもの。そんな中今回紹介するのが、レトロな印象を表現できる花柄のテクスチャセット「Hi-resolution floral paper textures」です。

紋のようなデザインから、渋めの色味が特徴的なデザインまで、テイストの異なる5種類の花柄テクスチャがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:41  |  
Category: Design   
2009年05月29日

CSSで実現するボタンテクニック集「22 CSS Button Styling Tutorials and Techniques」

Designdevelopでは今まで様々なCSSテクニックをお伝えしてきましたが、今日紹介する「22 CSS Button Styling Tutorials and Techniques」はボタンのデザインに特化したテクニック集です。

cssbutton01
Beautiful CSS buttons with icon set

立体的なボタンから、角丸はもちろん影がついたものなどなどCSSで作る手のこんだボタンのテップスやチュートリアルが収録されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
tag: webdesign
2012年10月04日

美しいキラキラのスパークを表現できるPhotoshopブラシまとめ「20+ Free Sets of Photoshop Sparkle Brushes」

冬を間近に控え、イルミネーションなど光の輝きを表現するデザインを求められることも多くなっているのではないでしょうか?そこで今回紹介するのが、美しいキラキラのスパークを表現できるPhotoshopブラシをまとめた「20+ Free Sets of Photoshop Sparkle Brushes」です。


GIMP Glitter Brushes » Free-Brushes.com – Free Photoshop, GIMP & Paint Shop Pro Brushes

神秘的なスパークを表現できるブラシから、可愛らしい雰囲気のブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:25  |  
Category: Design , Photoshop   
2015年12月10日

さまざまな種類のアイコンが揃った「325+ Best flat premium & free vector icons」

特にwebデザインシーンで重宝するアイコン素材には、非常にたくさんの種類やテーマのものが存在し、フリー配布されてます。そんな中今回紹介するのは、さまざまな種類のアイコンが揃った「325+ Best flat premium & free vector icons」です。

icon1211_3

描写やテーマなど、多彩な表現のアイコンセットがまとめられており、どれも魅力的で個性的なものばかり。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

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

ヴィンテージ調のフリー紙テクスチャを集めた「13 Free Vintage Paper Texture Packs」

紙を素材として利用したテクスチャは、定番の種類の1つ。といっても、いろいろなタイプのものが配布されていますが、今回紹介するのはヴィンテージ調のフリー紙テクスチャを集めた「13 Free Vintage Paper Texture Packs」です。

paper0904_1
Raw Paper Texture Pack by cloaks on DeviantArt

主に劣化した紙やクシャっとした質感の紙を素材として使用しテクスチャ化されており、アンティークなデザイン表現に合わせやすそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ヴィンテージ&レトロな雰囲気をワンクリックで加工するphotoshopアクション集「40+ Vintage and Retro Photoshop Actions」

デザインにもう一つ質感を加えるときに、一つの手として、写真を古びた雰囲気に加工して、世界観を演出したり、現実味をなくしたりしますが、今回紹介するのはそんな補正を一瞬でかなえてくれる、ヴィンテージ&レトロな雰囲気をワンクリックで加工するphotoshopアクション集「40+ Vintage and Retro Photoshop Actions」です。


photoshop actions – 139 (8 actions)

ヴィンテージ、レトロといっても様々な表現があり、明るめのものから単色によったもの、色あせたものなどのアクションがまとめられています。今日はその中から幾つか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:57  |  
Category: WebService   
2009年06月11日

ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」

ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。

peel01
simple-page-peel-effect-with-jquery-css

全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: WebDesign   
tag: webdesign
2008年06月15日

ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」

皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか?今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思います。

ロゴのリソースとなるようなサイトが集められています。かなりの数が紹介されていますが、その中からいくつか下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design   
tag: Design

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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