美しくて機能するウェブデザインを作成するPhotoshopの7つのテクニック
クリーンで、エレガントで、美しく、そしてしっかりと機能するウェブデザインを作成するのに役立つPhotoshopのテクニックを紹介します。 7 Photoshop tips for designing clean and modern websites [ad#ad-2] 下記は各ポイントを意訳したものです。 1. Space(ホワイトスペース) 2. Depth(奥行き) 3. Detail(ディテール) 4. Definition(明確) 5. Interest(興味) 6. Perspective(遠近法) 7. Readability(リーダビリティ) 1. Space(ホワイトスペース) スペースはボックスやラインやグラフィックなどを使用しないで、デザインエレメントの見た目での分離を可能にするもので、モダンデザインの中でも最も重要なテクニックです。これはコンテンツのプレゼンテーショ
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
フォトショップwebデザインマニュアル
フォトショップを利用したwebデザインマニュアル一般的なボタンの制作です。 角丸の四角に、グラデーションとドロップシャドウをいれます。 文字にもグラデーションとドロップシャドウ 丸にはグラデーションとシャドウでヘッコンだ感じに。 三角はピローエンボスでぼこっとした形にしました。 ポイントはドロップシャドウの数値でしょうか。 距離は１、サイズは３ぐらいで十分だと思います。 ディフォルトの距離５ サイズ５ではぼんやりしてしまうので このぐらいがミソです。 このサイトを支援する。 Posted in チュートリアル, フォトショップ | No Comments » 120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー というエントリーより。 山ほどのメニューデザインがつくれます。 とりあえず、まとめて見ました。 ずらっと見て、そのなかでサイトイ
『PhotoshopでWEBデザインのチュートリアル』
どもでしヽ(ﾟ◇ﾟ )ﾉ いま、PCサイトのデザインを制作中なのですが こんな チュートリアルを見つけたので ⇒フォトショップでシンプルでオシャレなウェブレイアウトをデザインする方法 このチュートリアルを参考に PhotoshopでWEBデザインを作ることにしましたヽ(ﾟ◇ﾟ )ﾉ いつもは、Fireworksでデザインを作成するのですが Fireworksで縦長の角丸の四角って、変になりませぬか？！(´Д｀；) 綺麗な角丸になってくれません。。縦に引き伸ばされてしまいます。。 何か方法のあるのでしょうか・・・ わたしはこういう基礎的な部分の知識が抜けていたりします(_ _。) Photoshopだと、縦長の角丸四角でも 綺麗に角丸になるので これを機に、Phptoshopの勉強をしようと思います。 上で紹介した記事中でも紹介されているのですが バランスの良いWEBデザインのポイントとして
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-847.html
新着記事
