タグ

ブックマーク / sweetlovexx.seesaa.net (11)

  • Web制作者とクライアントのコミュニケーション術

    これだけは知ってほしいウェブデザインの常識を読んで。 リンク先の記事は、ロサンゼルスで働くウェブデザイナーでおなじみの河内さんが「最低限これだけは発注前にクライアントの方々に認識しておいてほしいウェブデザインの常識」をまとめています。こちらの記事のような、苦い思い出のある方もいらっしゃるのではないでしょうか。 Webサイトの仕上がりのよしあしは、Web制作者とクライアントとのコミュニケーション次第といっても過言ではないと思います。 そこで、制作現場で起こりそうなケースごとに「最低限これだけはWeb制作側がしておきたいこと」をリストアップしてみました。お互い「こんなはずじゃなかった」とならないために、生意気を言うようですが、Web制作の「プロ」として何ができるのか、今回はそんなこと考えてみたいと思います。 最低限これだけはWeb制作側がしておきたいこと ケース1:思い描くイメージのギャップ

    Web制作者とクライアントのコミュニケーション術
  • 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

    この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草? Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記(改訂版) Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De

    覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
    julia28df
    julia28df 2008/04/29
    一回まとめておきたい
  • クールでポップなリボンが簡単に作れちゃうジェネレータいろいろ

    カスタマイズできるタイプ どちらも日語には対応していません。 Free Website Ribbon Generator - For Your Site Or Blog どんなサイトにも合うシンプルでさりげないリボン 文字と色を指定して「Generate」ボタンを押すだけ。 出来上がったリボンはコードを貼り付けるだけで設置可能です。 Online Ribbon Generator Tool WEB2.0風のリボンを作成できるジェネレータです。 4種類のリボンの中から選択して、色や文字色をお好みでカスタマイズできます。 リボンを選べるタイプ blogsticker ― Stickers for your blogs! お好きなステッカーを選んで、ブログに1行コードを加えるだけのお手軽なステッカー カテゴリも変態から、音楽、スポーツ、映画、国旗、ソフトウェアと種類も豊富で、サインアップすれば

    クールでポップなリボンが簡単に作れちゃうジェネレータいろいろ
  • リンク先のサムネイル表示の切替スイッチを導入

    リンクにマウスを重ねると「チラっ」とサムネイルを表示してくれるサービスなんですが、どうもこの手のサービスはウザい!と先日も話題になりました。 「マウスオーバーでリンク先のサムネイルを表示」は導入してほしくない - ARTIFACT@ハテナ系 紹介しておいてこんなことを書くのもアレですが、リンク先すべて(特に広告)がチラチラするのはウザいよなぁと、わたしも思っていました。 このブログでもコメント欄とトラックバック欄にこの「チラ見サービス」を導入していますが、確かに「ウザい」という思われる方も大勢いらっしゃると思います。 「チラチラ見せやがってコノヤロ!」と思われる方は、お手数ですが「チラ見」 ウインドウ下部の x ボタンをクリックするか、記事の下にあるボタンを OFF に切り替えてください。 切替スイッチの設置方法は「HeartRails Glance-Switch 」をご覧ください。 また

    リンク先のサムネイル表示の切替スイッチを導入
  • 浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*

    配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛(東洲斎写楽) ■鳳凰図屏風(葛飾北斎) ■江戸名所 浅草金龍山(歌川広重) ■ 亀戸梅屋舗(歌川広重) ゴッホが模写したことでも有名な絵 参考:印象派と浮世絵の意外な関係 ■春画(渓斎英泉)【オマケ】 ちょっぴりセクシーな配色? 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に

    浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
  • ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc

    ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::
  • 覚えておきたい配色のワザと便利なツール :: Love & Design ::

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ

    覚えておきたい配色のワザと便利なツール :: Love & Design ::
  • 知っておくと便利な「無彩色」の使い方

    白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 (むさい色じゃないよ!) 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度(めいど:value) 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ

    知っておくと便利な「無彩色」の使い方
  • 色で選べる Web デザインギャラリーまとめ

    Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。

    色で選べる Web デザインギャラリーまとめ
  • サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*

    どんな配色にしようか悩んだとき、すてきなサイトを参考にしたり、きれいな色の写真やイラストを見て、こんな色にしたいと思うことはありませんか? そんなとき役に立ちそうな、カラーパレットを自動作成してくれるWebツールを2つご紹介します。 カラーピッカー(スポイドツール)で色をとる方法もありますが、今回ご紹介するのは、どちらも配色の参考にしたいURLを入れるだけで簡単に色情報を表示してくれます。 Webデザインだけでなく、ファッションやインテリアの配色の参考にもなります。 Color Palette Generator イメージ画像の色情報を抽出してカラーパレットを生成 Red Alt - I Like Your Colors Webページの色情報を抽出 (クリックすると、このページの色情報が表示されます) 入力欄に調べたいページのURLを入力すると、このように表示されます。 sample:WE

    サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*
  • お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::

    Web デザインに限ったことではありませんが、何かを学ぶときは良いお手を探すことが大切ですね。そのお手を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手にしたいきれいな Web デザイン(CSS)ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |

    お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
  • 1