http://webdesignmatome.com/webdesign/cosmesite
Maka-Veli.com / 目立たせるデザインって、部分的に強調するだけじゃないと思う。
なんなんでしょうね僕は。一流デザイナーでも無いのにデザイン論語りまくっていて客観的に見るとイラっとすると思います。でも、ディレクションやってると、細かい部分的な問題点をお客さんと何日も拘って解決させることも多いですし、日々のメンテナンスや小規模サイトなら一人で作る事も多いので、引き続き、こういった経験を忘れないように記録させて頂きますね。 パーツデザイン等でよくお客さんから 「目立たせたいから、とりあえずここ大きくして」って言われたりしますよね。 でもそれって、単純に作業しちゃうと、ちょっと危険かなと思います。 目立たせたい部分を強調するだけではダメ 俯瞰的に見て引けるところを引く 一番見やすいデザイン。これを理解する必要があるかもしれません。 こういった事はやはりニールセン博士が参考になりますね。 97年のHow Users Read on the Webが古いですが参考になる
WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々（主にデザイン系） | バンクーバーのうぇぶ屋
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい＞＜ 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
【Webデザイン】何処までが"参考"で何処からが"パクリ"か - 役立つちゃんねる
【Webデザイン】何処までが"参考"で何処からが"パクリ"か 2011年03月25日 22:54 | カテゴリ：問題・疑問 | コメント( 0 ) Tweet スポンサードリンク Name_Not_Found[sage] 2005/06/11(土) 12:05:56 ID:??? 気になったから立ててみた 3 Name_Not_Found[sage] 2005/06/11(土) 14:07:21 ID:??? 著作権法の引用と転載の差異。 【終】 6 Name_Not_Found[sage] 2005/06/11(土) 18:03:14 ID:??? 「どこまでが引用でどこからが転載なのか」て話なら>>3でFAだが 「何をもってパクリとするか」についてはカバーしきれてないと思われ 7 Name_Not_Found 2005/06/11(土) 18:26:48 ID:TU84uCv
女性系サイトのディレクション・デザインの参考になるサイトまとめ | 女子力アップCafe Googirl
今回「女性系サイトのディレクション／デザインの参考になるサイトまとめ」ということで、１５個のサイトをクローズアップしてみました。 どれも「女子っぽさ」、「今っぽさ」を出していて、かつお洒落なデザインです。目的としているサイトに応じて参照してみてはいかがでしょうか。 個人でブログ等を作ったり、Facebookページを作っている人にとっても要チェックなラインナップです！ １ Sweetlovesshower フェスのサイト。ピンク、ブルー、そして白をバランス良く取り入れたデザインがかわいい。 ２ Marble.co とにかくデザインが斬新。まるでカフェのチラシやポストカードコーナーのよう。カーソルを置くと色々な大きさの「View detail」という文字が出てきてドキドキ！ ３ WOMB WEB 渋谷にある有名なクラブのサイト。色遣いとページの動きが秀逸。多数の色を使ってはいるものの、シンプル
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。 | Maka-veli.com
Webディレクターから見る、デザイナーさんなら当たり前にやってる事で 是非取り入れて欲しいという視点で書いてます。 グリッドレイアウト 目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず） は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、
Webサービスの名前をつける時のアイデアいろいろ
2017年6月30日 Web関連記事 新しくWebサービスやアプリを作るとき、悩むポイントのひとつとなる「サービスの名前」。悩めば悩むほどよくわからない名前になってしまったり…。私ははっきり言って結構苦手です…が、しなきゃいけない時があるので、研究＋ない頭振り絞って考えました。名づけのプロの方の助言なんぞあれば嬉しいですｗ ↑私が10年以上利用している会計ソフト！ まず、Webサービスの名前を考えるにあたって、有名なWebサービスをあげてみました。Facebook、Twitter、Flickr…。どれも短く、英語でいう「2音節」です。音節とは母音を中心としたまとまりで、音節が増えるほど長い単語になります（音節について詳しくはこちら）。2音節というのはサービス名としては短く、リズムカルに発音することができます。 それをふまえ、私の考えたWebサービスの名前を考える時のポイントを挙げてみます。
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
携帯サイトのデザイン参考サイトまとめ -歌って踊れるプログラマー
年末から、携帯サイトを構築しています。 え、スマートフォンやiPhoneジャネーノ！？とか言わないでください。 デザインができないので、参考になるサイトを探しつつ、自分用にまとめてみました。 モバイルサイトデザイン集のモバイルデザインアーカイブ By ニューインデックス株式会社様 オススメ度： ★★★★★ 掲載数 ：★★★★★（約1700サイト／2010年1月現在） コメント ：圧倒的なサイト数の多さ！そしてカテゴライズされているので見やすいです。 ▼一覧ページ。 モバミル イケてる携帯サイトデザイン By 面白法人KAYAC様 オススメ度： ★★★★★ 掲載数 ：★★★★★（約600サイト／2010年1月現在） コメント ：3キャリア分の画面キャプチャがあり、各キャリアの絵文字の表示の違いなどが非常にわかりやすいです。 ▼一覧 ▼QRコードと、３キャリアの表示の違いが見れま
デザインエレメント：ラインを使ってデザインする6つのチップス
デザインエレメントの中でも最もシンプルな『ライン』をデザインに使う際、知っておきたい役立つチップスを紹介します。 6 Tips for Designing With Lines [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Use an Underline 2. Break Up the Line 3. Flank the Type 4. Go Vertical 5. Go Diagonal 6. Go Nuts はじめに ここでは最もシンプルなデザインエレメントである「ライン」について見てみます。 デザインにシンプルなラインをほんの少し加えるだけで、退屈なデザインに構造とグラフィカルなスタイルを与えることができます。ラインが効果的に使われた時にはシンプルなトリックではなくなり、素晴らしいデザインになるでしょう。 1. Use an Underline タイポグ
女子のための情報サイトデザイン21+4 – Commit Lab
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1：ひとつ掲載漏れがありましたので修正しました。 追記2：コメント欄でご紹介いただいたサイトを追加いたしま
上品な色使いとレイアウトが美しい和のサイト | CREAMU
美しい和のサイトを作りたい。 そんなときに参考になるのが、『白えび屋』。上品な色使いとレイアウトが美しい和のサイトです。 トップには、width=”958″ height=”536″のFlashが置かれています。ファーストビューにロゴと縦書きのメニューのみ、という構成で、とても美しいですね。 中ページではメニューが横並びになり、うまく情報を伝えていると思います。注文フォームがあって、サイトから商品の注文ができますね。 「ページの先頭へ」がスクロールに合わせてついてきますが、「jquery.scrollFollow.js」が使われています。 デザイン性と情報設計、機能性に優れたサイトだと思うので、一度見てみてください。 白えび屋 朝カフェ中。とても雰囲気のいいお店で、アルファ波が出るというか、ものすごく気持ちいいです。 さてと今週もがんばったので今日はゆっくりするぞ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Photoshop VIP ☞ やさしい質感のテクスチャ素材を利用したWebデザイン30個まとめ
新着記事
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)