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
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
最近のインターフェイスデザインから学ぶ、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なら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず） は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、
広告バナーを集約している「バナーデザインギャラリー」のコンテンツがなかなか充実してきましたね
ちょいちょい参考にさせていただいている バナーデザインの国産ギャラリーですが、 かなり量が充実してきましたので、改めて 拡散してみたいと思います。サイズや色で 国内外の広告バナーデザインを探せるので なかなか貴重ではないかと。 多くの方も既知のデザインギャラリーですけど・・結構参考になるし、見やすいのでより多くの方に拡散。ITキヲスクさんのWebサービスですよ。 サイズやカラーでソート出来ます。サイズは以下。 728 × 90468 × 60234 × 60125 × 12588 × 31絞り込み検索も出来るみたいですね。 評価もできる レーティング機能も付いています。黄色のヘッダのはこちらのサイトさん自身の広告ですね。 国内と海外でもソート出来ると、より嬉しいんですけどね・・でも助かってます。実装してくれました。素早い！ 数も250個近くあるので、デザインにまよったらご覧になってみては如
Webサービスの名前をつける時のアイデアいろいろ
2017年6月30日 Web関連記事 新しくWebサービスやアプリを作るとき、悩むポイントのひとつとなる「サービスの名前」。悩めば悩むほどよくわからない名前になってしまったり…。私ははっきり言って結構苦手です…が、しなきゃいけない時があるので、研究＋ない頭振り絞って考えました。名づけのプロの方の助言なんぞあれば嬉しいですｗ ↑私が10年以上利用している会計ソフト！ まず、Webサービスの名前を考えるにあたって、有名なWebサービスをあげてみました。Facebook、Twitter、Flickr…。どれも短く、英語でいう「2音節」です。音節とは母音を中心としたまとまりで、音節が増えるほど長い単語になります（音節について詳しくはこちら）。2音節というのはサービス名としては短く、リズムカルに発音することができます。 それをふまえ、私の考えたWebサービスの名前を考える時のポイントを挙げてみます。
バナーデザインギャラリー | Banner Design Gallery
RSS feeds My Tweet ご利用上の注意 広告枠の販売 バナーサイズ別 728 × 90（134） 468 × 60（138） 234 × 60（112） 125 × 125（88） 88 × 31（90） バナーカラー別 □ ホワイト（389） ■ ブラック（272） ■ グレー（77） ■ レッド（160） ■ オレンジ（150） ■ イエロー（83） ■ グリーン（142） ■ ブルー（178） ■ パープル（25） ■ ピンク（92） ■ ブラウン（71） 地域別 日本国内（521） 海外（42） 詳細検索 728 × 90 468 × 60 234 × 60 125 × 125 88 × 31 □ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ 日本国内 海外 PR広告 ”バナーデザインギャラリー”とは バナーデザインギャラリーは、皆様からのご投稿情報を基に、かっこいいバナー
デザインエレメント：ラインを使ってデザインする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：コメント欄でご紹介いただいたサイトを追加いたしま
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)
河北鸿源管业集团有限公司