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   
このエントリーをはてなブックマークに追加

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

2015年02月18日

最新のフラットアイコンセットが揃ったまとめ「47 Fresh and Flat Icon Sets」

特にwebデザインシーンで活躍してくれるアイコン。現在は主流のデザインテイストであるフラットタイプが多く配布されています。今回はそんなフラットアイコンの最新セットが揃ったまとめ「47 Fresh and Flat Icon Sets」を紹介したいと思います。

icon0219_1
Viro – Modern Icon Set – graphberry.com

ベーシックなタイプから、季節もの、個性あふれるテーマのものまで、いろいろな種類が紹介されています。

詳しくは以下

(続きを読む…)

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

バッジやタグのフリーアイコンセット「Free Web Badges & Elements」

デザインのアクセントとしてよく利用されるラベルやタグアイコンは、デザインテイストに合わせて多くの素材をストックしておきたいもの。そこで今回紹介するのが、バッジやタグなどのさまざまなアイテムがセットになったフリーアイコンセット「Free Web Badges & Elements」です。

シーンやデザインごとに選べる、デザイン制作の時間を短縮してくれそうなアイテムばかりがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:20  |  
Category: Design   
2014年02月02日

クリエイティブ・デザイン性の高い40種のフリーフォント「40 Recently Released Free Fonts」

たくさんのフリーフォントがダウンロードできる環境にある中、膨大な種類からクリエイティブな印象のフォントを探し出すのは意外に大変なもの。そんな時にチェックしたい、クリエイティブ・・デザイン性の高いフリーフォントを集めた「40 Recently Released Free Fonts」を紹介したいと思います。

font140202_1
Korneuburg Slab | Free Font on Behance

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

詳しくは以下

(続きを読む…)

続きを読む
posted 10:26  |  
Category: Font   
2007年10月24日

FireFoxにFTP機能をプラスできる「FireFTP」

今現在Macで作業する事が多くFTPクライアントは無料で使える「Cyberdack」を使っていますインターフェイスも良く、日本語版もあり機能的にも不自由していませんが、基本的にブラウズしながら使う事が多くブラウザとFTPクライアントの切り替えが面倒な時があります。そんな悩みを解決してくれるのが、今回紹介する「FireFTP」です。

FireFTP

この拡張機能はFireFox上でFTPクライアントを動作させるというものです。Firefox上で起動するので普通のWEBページのようにタブで管理できるようになっています。そのため上記のように複数ページを開きながら起動させる事ができます。

インストール方法は「FireFTP – The Free FTP Client for Mozilla Firefox」の「Download FireFTP」をクリックすればFirefoxの拡張機能のインストールウィザードが始まりますのでそれに従って下さい。

FireFoxの拡張機能なんでMacでも動作します。フリーのFTPクライアントが少ないMacユーザーには嬉しいところです。FTPアカウントの設定はFireFTP右上の「Manage Accounts」から設定できます。言語は英語ですが特に難解な所はなく実際使ってみましたが気軽に使える感じです。ブラウザとFTPの連携は良いアイデアだと思います。今後色々試しながら使っていきたいと思っています。

FireFTP – The Free FTP Client for Mozilla Firefox

続きを読む
posted 01:47  |  
Category: firefox , Tool   
tag: Tool
2016年01月16日

ECサイトのデザインに最適なフリーアイコンセット集「20+ Free E-Commerce Icon Sets to Download」

説明要素の多いECサイトのデザイン。より分かりやすく使いやすくすることが、購入者を増やすための方法でもあります。今回はそんなシーンに最適なアイコンセット集「20+ Free E-Commerce Icon Sets to Download」を紹介したいと思います。

icon0117_2
Exclusive Freebie : 36 e-Commerce Icons from DryIcons.com | BytesWire

フリーで利用できる、いろいろなデザインテイスト・いろいろな種類のアイコンが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

デザイン性を求めるサイトにおすすめ フリーフォームデザインまとめ「14 Free Creative Form Designs」

名前やメールアドレスなどのユーザー情報を入力する際に利用するフォーム。基本シンプルなデザインのものが多い印象ですが、今回紹介するのはクリエイティブなデザインが特徴のフリーフォームデザインまとめ「14 Free Creative Form Designs」です。

form1112_2
Contact Form – Rock Background – Form Templates

デザイン性を求めるサイトにおすすめな、14種のフォームデザインテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

プレゼン資料のインスピレーション集「Note & Point」

企画職ではなくても、デザイナーなら制作を避けては通れないプレゼン資料や企画書。パワーポイントで実用的にというのも有りですが、デザイナーならプレゼン資料や企画書もこだわりたいもの。今回紹介するのはそんなプレゼン資料のデザインを集めた「Note & Point」を紹介したいと思います。

notepoin_01

グラフィカルなものから、ちょっと固めなものまで、様々な内容のプレゼン資料が公開されています。プレゼン資料はすべて、パワーポイント形式、またはPDFでダウンロードできるようになっており、表紙だけではなく、中身も見る事ができます。数多くの資料が公開されていますが、今回は評価が高いプレゼン資料のなかからいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:42  |  
Category: Design   
tag: Design
2010年06月13日

商用可!WEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」

WEB制作に使うツールは人それぞれでこれしか無いというものはありませんが、WEBデザインのモックを制作するときにphotoshopを利用して制作していると言う方にオススメなのが、今回紹介するWEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」。

frrpsd01

まだ数はそこまでありませんが、クリエイティブで質の高いWEBテンプレートがフリーでダンロードできます。系統的にはどれもキレイめなものが多く、洗練された雰囲気のテンプレートが中心です。今回はいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:48  |  
Category: Design , Font , Photoshop , WebDesign , WebService , WordPress   
2009年02月19日

WEBデザイナーの為の美しいフリーフォント集「10 Beautiful and free fonts for web designers」

WEBデザインに限らずデザインにはフォントはとても重要で、特にタイトルや見出しなど注目を集める部分や集めたい場所によってはフォント選定にもセンスが問われます。今日紹介するのはWEBデザインに使えそうな10個のフォントを収録したフリーフォント集「10 Beautiful and free fonts for web designers」です。

fontfreewebd01
Take out the garbage

柔らか目なフォントから、洗練されたフォントまで様々なタイプのフォントが紹介されていますが、その中でも気になった物をいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:14  |  
Category: Design , Font   
tag: 
2017年05月07日

ガーリーなデザイン性が魅力 ピンクカラーのSNS投稿用テンプレート「Peach Social Media Templates」

SNSで写真を日々投稿している方も多いかと思いますが、ただ写真を撮って上げるよりも加工やアレンジを施した方が魅力的に見えることも。今回はそんなシーンで活用したいSNS投稿用テンプレート「Peach Social Media Templates」を紹介したいと思います。

sns_pink1

ピンクカラーで展開された、ガーリーなデザイン性が魅力のテンプレート集となっています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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