Web制作の現場では、さまざまなセオリー・考え方が要求される。筋道の通ったセオリーや理論を理解して実践することは、Webのクオリティを高めるうえでは正攻法といえるだろう。ここではセオリーや考え方などにポイントを絞り、根拠と実践への活用法を紹介していく。知らなかった内容はもちろん、あいまいに理解していた内容もきちんと理解して、Webの完成度を高めてほし...
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル...
Just Creative Designのエントリー「13 Signs You’re A Bad Graphic Designer」から、英語サイトで気をつけたい14のデザインのポイントの紹介です。 ※タイトルは13とありますが、14ありました。 13 Signs You’re A Bad Graphic Designer なんでもかんでも、Helvericaフォントを使用しない。
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 [...]
『 綺麗で立体感のあるサイトメニュー素材:phpspot開発日誌 』
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...]
『 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 』
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 ...
webプログラムをしていて、いざサービスを作ろうと思ったときにネックになるのが、デザインです。 僕はもうその手のセンスが絶望的に欠けていて、配色もレイアウトもまともなものが出来ません。HTMLやCSSそのものの知識があっても、それで作るモノが見えてこない。CakePHPの勉強をしてwebサービスをいっぱい作ろうと思っているのに、これは良くない。 そこで実際にwebサービス...
最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能と...
『 ボタンや背景・線などエレメントごとのデザイン集。Headerの"COLLECTION"より。 』
webサイトを作成するときに、どうしてもサイト全体の色を決められないという人の為のエントリ。 本当は少し濃いオレンジ系が食べ物屋に向いているとか、薄いグレーが高級感や落ち着きを出すようなページだとか、清潔感のあるイメージを作る為には黒を背景にしては駄目とかというお話を先にしたほうが良いかもしれないのですが、そんなのにとらわれてもしょうがない気も...
Vandelay Website Designのエントリー「ユニークなレイアウトの20のウェブサイト」から、ユニークなレイアウトのウェブサイトの紹介です。 Popmatik Digitalmash
このサイト 「 DesignLinkDatabase.net 」 のリリース予定のちょっと前のこと。 自作システムがリリースされる時って、やっぱいろいろ気になるモノです。 まあリリース前後が一番盛り上がって、その後だんだん ( 良い意味で ) 枯れていくのが通例ですが。 でも熱いうちにいろいろとやっておいて損はないはず。
デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダードなコードを使用し [...]
以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 Pattern Tap 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しか...
This CSS tutorial will show you how to display two double-quote images using one blockquote tag. The trick here is apply one background image to blockquote, and then apply another background to the first-letter (pseudo-element) of blockquote. Preview double quotes Download HTML file Continue » Jul 29 Tagged in: flash, inspiration Comments: 0 30 Artistic Flash Sites Previously I showed you some artistic websites that applied traditional art techniques to web design. Now let窶冱 take a look at the Fla...
WEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザインリンク集
すごい量のまとめエントリです。 メニューを作ろうかなと言うときには、一度は目を通しておいても損はありません。
Web Design Toolsウェブデザインに便利なツールをまとめた「Web Design Tools」。カラー、CS...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)