Posts Tagged ‘プロのテクニック’

非デザイナーのためのデザイン基本テクニック その2

07design.blogさんの記事紹介です。   前回非デザイナーのためのエントリーだからwebサイトじゃなくてチラシにしよう、と思って記事を書いたんですが駆使するツールがもちろんweb上にあるものなので、カラーもweb用になってることを失念していました。 紙媒体とwebの違いはかなりあって、それこそレイアウトの方法も変わってくるので重要なところなんですが、書くと長い上、デザインとは別の話になっちゃうので、今回はweb上に表示するDMとチラシを作る方法ってことにしておきます。無理があるけど・・・ 印刷物を作りたい方は「DTP」とか「CMYK RGB」とか「web 紙 解像度」とか「トンボ」とかそのへんのワードで検索してください。CMYKと解像度の違いが理解できれば、以下の方法で進めても大きな失敗はないと思います・・・ ネタ元:非デザイナーのためのデザイン基本テクニック その2( 07design.blog)

Tags:

ウェブデザイン完全スタイルガイド2010(14カテゴリーに700サイト掲載)

Photoshop Vipさんの記事紹介です。   ウェブデザインのトレンドはめまぐるしく変化しています。 どんどん新しいデザインテクニックを利用したウェブサイトが増えており、デザインを把握するだけでも一苦労です。 海外デザインブログSpeckyBoy Design Magazineで、17のカテゴリーに700ウェブサイトを掲載、まとめたエントリー「The Complete Web Design Style Series」が公開されていたので、今回はご紹介します。 個人的にもウェブサイトデザインをカテゴリー別にまとめて見ることができれば、と考えながらまとめています。 それぞれのカテゴリーに50個のウェブサイトデザインがまとめられており、デザインのインスピレーション、参考にしていただくと良いかもしれません。  エントリーが長くなってしまったので、ブックマーク保存をしてから読んでいただくとよいかもしれません。   ネタ元:ウェブデザイン完全スタイルガイド2010(14カテゴリーに700サイト掲載)(Photoshop Vip)

Tags: ,

CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集

かちびと.netさんの記事紹介です。   cssとHTMLタグのマークアップのみで実装出来るテクニック集です。クロスブラウザ対応のみをcss-playから探したので、ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。   ネタ元:CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集(かちびと.net)

Tags:

WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ

日刊ウェブログ式さんの記事紹介です。   フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。   ネタ元:WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ (日刊ウェブログ式)

Tags:

HTMLを読みやすく美しくする8つの方法

AUTHORITY SITEさんの記事紹介です。   これのHTMLとCSSの分離は必要不可欠です。HTMLでインラインCSSを使っている人がまだ多くいます。デザインする上で不利なことはないですが、ウェブサイトを修正しなければいけなくなったときが大変です。CSS,JavaScript は外部ファイルにして、HTMLから参照するのが一番良いです。   ネタ元:HTMLを読みやすく美しくする8つの方法 (AUTHORITY SITE)

Tags:

PhotoshopやIllustratorを駆使して、ある雑誌の表紙が出来るまでの2分間のムービー・・・

IDEA*IDEAさんの記事紹介です。   これはすごいですね。プロの技だなぁ。実に細かいところまで操作して、雑誌の表紙をPhotoshopやらで作っている映像です。   ネタ元:PhotoshopやIllustratorを駆使して、ある雑誌の表紙が出来るまでの2分間のムービー・・・ (IDEA*IDEA)

Tags: ,

ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ

photoshop Vip さんの記事紹介です。     ロゴはブランド、ウェブサイトなどにおいて「顔」ともいえる重要なパーツのひとつですよね。いざロゴをデザインしようと思うとなかなか難しものではありませんか。今回はそんなときに役立つPhotoshopやIllustratorのチュートリアル&テクニックを30個まとめた「30 Excellent Logo Design Tutorials and Walkthroughs」をご紹介します。     ネタ元:ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ(photoshop Vip)

Tags: , ,

CSSグラデーションのちょっとしたテクニック #2

▼CSSグラデーションのちょっとしたテクニック #2 (hail2u.net)

Tags: ,

【動画】フルーツをPhotoshopで描く

Tags: ,

【動画】Matrix>ネオ=キアヌをPhotoshopで描く

Tags: ,