タグ デザイン方法
人気順 10 users 50 users 100 users 500 users 1000 users売れるECサイトのデザインとは?5つのポイントと参考事例 | ヤマト運輸
ECサイトを制作するとき、レイアウトやデザインに迷うことがありませんか?売れるECサイトのデザイン方法を取り入れて、他社にデザインで差をつけましょう。購入者の目線でECサイトをデザインするコツや、人気サイトが実践しているポイントもわかりやすくご紹介します。 「売れるデザイン」の本質 世の中には、デザイン... 続きを読む
最新版、レスポンシブ対応のレイアウト・グリッドデザイン徹底解説 | コリス
レスポンシブ対応のグリッド設計、レイアウトのバリエーション、デスクトップやスマホやタブレットの最近の状況に合わせたデザイン方法を紹介します。 グリッドの基礎知識をはじめ、最近主流のレイアウト、デザイナーがワークフローでグリッドをどのように適用させるかなど詳しく解説されています。 Responsive Grid Des... 続きを読む
UIデザインの新しいトレンド「ニューモーフィズム」のデザイン方法と実装方法をやさしく解説 | コリス
最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順で作成する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実... 続きを読む
はてなブログのヘッダ画像のデザイン方法。勝手に人のブログのヘッダ画像をデザインしてみた。 - 30歳からの敗者復活戦
2016 - 12 - 26 はてなブログのヘッダ画像のデザイン方法。勝手に人のブログのヘッダ画像をデザインしてみた。 スポンサードリンク 続きを読む
Yakst - MySQLインデックスの基礎 その2 : 2つのクエリの違いとオプティマイザの判断
前の記事では、ひとつのテーブルに対する様々なクエリを対象にして、インデックスのデザイン方法について議論しました。この記事ではより実世界に即した問題解決の例として、よく似ているにも関わらず、ひとつは適したインデックスを使い、もうひとつはフルテーブルスキャンをしてしまうという、2つのクエリを取り上げます。動作の違いはバグなのでしょうか?それとも想定された動きなのでしょうか?続きを読んでみてください! ... 続きを読む
デザインTips: 角丸パネルに角丸パネルを重ねた時、それぞれの角丸をバランスよくデザインする方法 | コリス
角丸のパネルに角丸のパネルを重ねたデザインで、それぞれの角丸はどのくらいにしていますか? 親と子のカーブを同じにしたり、親のカーブを緩やかにしたり、その時の見た目でデザインすることもあるかもしれません。 こういった時の一つの目安として、バランスが良い角丸のデザイン方法を紹介します。 しっかりとした数値で2つの角丸をデザインすることができます。 Quick Tip: Rounded Corners ... 続きを読む
グリッドシステムベースのデザインをするときに気をつけること | バニデザノート
グリッドシステムのフレームワークでデザインを作成する際、コーディングの時点で困らないデザイン方法です。 完全に順守すればほとんどカラム落ちやブラウザのことも考えずに作れると思います。 ただ、例外の部分もあって構わないと私は思っているので、あくまでも基本ということで、拡張は自由にやってください。 続きを読む
動画で学ぶ、Photoshopデザインチュートリアル紹介サイト「FX-Ray」 - Photoshop VIP
Photoshopのデザイン方法を学ぶ、チュートリアルサイトの中でも、クリエイティブで高品質なデザインのつくり方を、動画で解説してくれるサイトFX-Ray.comが素敵だったので、今回はご紹介します。 必要なデザインパーツはすべて無料ダウンロードでき、本格的にPhotoshopを使ったデザイン編集も覚えたい人にもぴったりです。英語による解説となりますが、どのチュートリアル動画も20分ほどにまとめら... 続きを読む
Photoshop VIP ☞ Photoshopで映画「トランスフォーマー」のロゴテキストエフェクトを作成する方法
Photoshopの便利で、効果的な使い方のひとつに、レイヤースタイルを利用したデザイン方法があります。 特にロゴなどのテキストエフェクトで利用されており、スタイルを保存することで次回以降、クリックひとつでエフェクトを完成させることができます。 そんなレイヤースタイルを使って、映画「トランスフォーマー」のタイトルロゴ風テキストエフェクトを、Photoshopで作成するチュートリアル「Create ... 続きを読む
最近リリースされたWEBデザイン用PSDデータ5種:phpspot開発日誌
5 Best Free PSD Templates Of Month May 2011 最近リリースされたWEBデザイン用PSDデータ5種がまとまっています。 こうしたWebデザインのPSDは過去より存在しますが、最近リリースされたこともあって、より最近のデザインに近いものですね WEBデザインのデザイン方法にもトレンドみたいなものがあるみたいですが、数年後のトレンドはどんな感じになっているんでし... 続きを読む
Photoshop Vip » ユニークな画像スライダーを利用したWebサイトデザイン45個まとめ (無料プラグイン付き)
News Home > News > ユニークな画像スライダーを利用したWebサイトデザイン45個まとめ (無料プラグイン付き) ユニークな画像スライダーを利用したWebサイトデザイン45個まとめ (無料プラグイン付き) 2011年5月26日 Webサイトを訪れたユーザーに効果的に情報を伝えることができ、見た目のインパクトもある写真スライダー。 利用するプラグインやデザイン方法、アイデアによ... 続きを読む
新しめなテキストエフェクトチュートリアル集25:phpspot開発日誌
25 Tutorials for Creating Detailed Graphical Text Effects 新しめなテキストエフェクトチュートリアル集25。 次のような比較的新しめのテクストエフェクトチュートリアルです。応用して色々と使えそう。 色々なデザイン方法があるものだなといつもながら感心。 関連エントリ クールなPhotoshopテキストエフェクトのチュートリアル集 面白いPhot... 続きを読む
Photoshop Vip » 背景デザインに使えるグランジテクスチャ素材、300枚あつめました。
デザインをするときに頭を悩ます部分のひとつが背景デザインではないでしょうか。 単色で塗りつぶしただけでは立体感のない平凡なデザインになりがちです。 そんなときにオススメなデザイン方法が少し汚れの付いたグランジテクスチャを重ねることで質感を高め、立体感を表現することができます。 海外デザインブログDesignM.agで、グランジテクスチャを300枚まとめたエントリー「300+ Free Grunge... 続きを読む
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わら... 続きを読む
ページ送り部分のデザイン研究:phpspot開発日誌
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ページ送り部分のデザイン研究。 SmashingMagazine にて様々なサイトのページ送り部分を色々とまとめたエントリが公開されました。 なるほど、ページ送りといえど様々なデザイン方法があるようで、勉強になります。 色々なサ... 続きを読む
はてな cssを使ったおしゃれなformのデザイン方法について書いてあるサイトを教えてください。web2.0的なフォームを作りたいと考えています。http://demo.moo・・
cssを使ったおしゃれなformのデザイン方法について書いてあるサイトを教えてください。web2.0的なフォームを作りたいと考えています。 http://demo.mooflex.net/mooflex/index.php/login 上記のようなフォームを作りたいと考えています。 1 回答者:add_kk 2006-02-08 23:21:58 満足! 50ポイント http://www.pic... 続きを読む