タグ

デザインに関するbk246のブックマーク (211)

  • MdN Design|総合情報サイト

    デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載!

    MdN Design|総合情報サイト
  • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

    第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)

    よりよいWebデザインにするための配色のセオリー :: Love & Design ::
  • ワークフロー|横浜のWeb制作会社 ともクリエーションズ

    私たちがWebサイト構築をするときに最も大切にしていることは、“お客様と十分に話し合う時間を持つ”ということです。営業効果の高いWebサイトを制作するということは、お客様の業種・業態をできる限り理解し、お客様に即した内容を効果的に演出するということです。ただ、やみくもにWebサイトを制作をしたのでは、効果を期待することはできません。 次に大切にしていることが“迅速な対応”です。お客様から質問などのメールや電話を受けとっても数日後にご返答するのでは、ご依頼の作業が不安になってしまうと思います。私たちは可能な限り迅速な対応を心がけお客様の貴重な時間を無駄にしないようにしたいと考えております。 ともクリエーションズでは、Webサイト制作の一つ一つのステップを大切にし、お客様が納得できるWebサイト作りを目指しています。

    bk246
    bk246 2007/09/18
    初回のお打ち合わせから、ご納品・ご精算までのワークフロー
  • マークアップエンジニアも幸せ探し(前編) | necoze LOG2 [ネコゼログログ]

    一定期間更新がないため広告を表示しています

    マークアップエンジニアも幸せ探し(前編) | necoze LOG2 [ネコゼログログ]
    bk246
    bk246 2007/09/18
    タグわかりやすいけどP画像つきまくって読みにくい<って、そんな話じゃない
  • デザイン勉強会のまとめをするよ! | Blog hamashun.com

    追記 2007-09-11 まとめWikiへのリンクを追加 2007-09-11 cremaさんの資料追加 FrontPage - デザイン勉強会まとめサイト - livedoor Wiki(ウィキ) デザイナーでない人のデザイン入門 ベジェ曲線で行こう 簡単に名刺を作ろうぜ! Webサイトのあり方と考え方 総括 Twitter繋がりのまめこが主催するデザイン勉強会に行ってきました。 という訳でまとめです。 この勉強会は、デザイナー向けではなく、デザイナー以外に向けたデザイン勉強会です。 会場は今回も株式会社ノッキングオン様に提供していただきました。 いつもありがとうございます! なお、まだ資料とか公開されていないセッションもあると思うので、タイトルとか微妙に間違ってるかもしれません。 間違ってたらごめんなさい。 デザイナーでない人のデザイン入門 資料 トップバッターは先生もされているcr

  • @nifty:デイリーポータルZ:「新宿駅ガムテープ道案内」の作者実演をみた!

    それは数年前のこと。 新宿駅は長いこと、工事中だった。「いつ終わるのかな、いつまでも終わらないんじゃないかなあ」と思いながら、利用していたのだけれど、ある時ーーー。 「道案内の表示のフォントが変わってるなあ、っていうか全部ガムテープで出来てるじゃん!」ということに、気づいた。そしてふと目にした「現在地」という表示を見て、 「かっこいい、ゴダールの映画のポスターみたいだー!」と思い、興奮して写真を撮り、自分のサイトに載せた。 (text by 大塚 幸代) で、そんなこともスッカリ忘れ、工事も終わったころ。 「ネットで、あのガムテープ文字の謎を、解明した動画が、話題になっている!」ということを、知ったのだ。 「うわあ、つきとめた人がいるのか、スゴーイ!」なんて思ってみてみたら、 動画中の<インターネット上、いくつかのサイトでも、(ガムテープの謎を)若干名が真相を知りたがっていた…>のくだりで

  • 野菜の販売、野菜の生産|国立ファーム

    桜島溶岩石を使用する独自製法の石焼き芋は皮はパリッと中はしっとりした焼き上がり。 国立ファームの主軸商品として”おいしさ”にこだわり、さつまいも生産者と連携して年間を通じて製造しています。

    野菜の販売、野菜の生産|国立ファーム
    bk246
    bk246 2007/08/29
    FLASHやポップアップはうざいが、メンバー紹介・資産残高推移はおもしろい。
  • ブログテンプレート作成ツールで簡単ブログデザイン! - CSSEZ

    Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์

  • +D Style::特集:プロダクトデザインの“新風”:03 ソニー流・新「モノの価値観」

    6月に行われたソニー製品の環境配慮のハイライトを伝えるイベント「“Sony-made ECO” showcase」で、聞きなれない言葉とともに新鮮なデザインのAV製品が注目を集めた。それが、ソニーが考える将来の“サステナブル”プロダクト「odo(オド)」だ。 「サステナブル」――もしくはサスティナブルデザインという言葉自体は建築業界などで使われ始めているが、エレクトロニクスの分野ではあまり例が無い。 チーム名に“サステナブル”を取り入れて推進しているソニー クリエイティブセンター クロスオーバーデザイングループ サステナブルデザインチーム シニアプロデューサーの中村光宏氏は「現在はユーザーの感性・知性がリードする商品を作らなくてはいけない時代。ソニーでも大量生産の商品が多いが、そうではないモノの価値観というところに訴える商品作りをしていく時代になってきている」と語り、大量消費から価値観重視

  • クールな404エラーページ集:phpspot開発日誌

    Wanted: Your 404 Error Pages Every day you visit one of them. The pages, which don’t exist any longer, have moved to a new server or have never existed at all. クールな404エラーページ集。 Apacheデフォルトでは次のような味気ないNotFoundページになってしまいます。 エラーページを見たときに、ナイスなナビゲーション付きであれば、利用者に対して親切ですし、美しいデザインであれば利用者に対して失礼ではありませんね。 Wufoo - Page Not Found Twitter: 404 The Big Noob - Page not found Last.FM - 404 Devlounge Missing page ::

    bk246
    bk246 2007/07/26
    個人的には"文字だけでいいのに"と思う。higuchi.comのエラーページは好き
  • ウノウラボ Unoh Labs: ニンテンドーDSブラウザーにあわせてサイトを作るときの軽い覚書

    こんにちは。matsudaです。 以前、こちらでも紹介させていただきました犬・写真でカワイイか投票する「Cute or Not」ですが、これはもともとNintendoDSで遊べるように作っていました。DSブラウザはいまさらな感が否めないですが、上画面に写真・下画面に投票ボタンにして、タッチパネルでポチポチできて、暇つぶしにはもってこいな気がしたからです。 簡単にデザインできるだろう…とはじめは思っていましたが、実はそうでもなく、ちょっと苦戦したところがあったので、メモ程度に残しておきます。 ※以下、DSブラウザー特有の“縦長モード”での場合です。 ■画面のデザインは1画面:縦176px×横247pxNintendoDS の液晶は1画面192px×256pxになっています。そのうち上画面は上16pxがURL表示、下画面は下16pxが機能表示に利用されています。横幅はスクロールバー用に9px

    bk246
    bk246 2007/06/14
  • 無料で使える日本語フォント11選 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

    無料で使える日本語フォント11選 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
  • Alertbox: 天才デザイナーの神話(2007年5月29日)

    デザイナーに恵まれたからと言って、ユーザビリティのプロセスが不要になるわけではない。リスクの軽減と質の向上には、ユーザテストをはじめとするユーザビリティ手法が欠かせない。 Myth of the Genius Designer by Jakob Nielsen on May 29, 2007 ユーザビリティに対する否定的な台詞をよく耳にする。“優秀なデザイナーを雇おう。そうすれば、ユーザテストのような厄介事を考える必要がなくなる。 良いデザイナーが、良いデザインをしてくれれば良いだけなのだから”と。 よく例に挙がるのは、Steve Jobsである。確かに、Jobsは偉大な製品を数々この世に送り出してきた。しかし、失敗作も実に多く、中でもNeXTコンピュータとMac Cubeが有名である。Macintoshでさえ、Adobeとデスクトップ・パブリッシングに間一髪のところで救われはしたものの、

    Alertbox: 天才デザイナーの神話(2007年5月29日)
  • 松下健次郎の「人を動かすウェブライティング」 - 訴求するホームページの文章を書くための情報・ツール・リンク集

    このサイトは2010年頃の更新をもって活動を終了しております。閉鎖してしまうには惜しい記事も多いことから、公開に問題の無いものだけをアーカイブ的に掲載し続けていますが、今となっては古い情報が多いです。そのことを十分にご承知の上、何かにご参考いただければ幸いです。 ウェブのライティングに関する入門サイトです 訴求するホームページをつくるための文章の書き方・執筆準備・考え方など、ウェブのライティングに関する情報・ツール・お役立ちリンクを提供するHOWTOサイト。 コンテンツ 基礎知識 ライティングがウェブサイトに及ぼす効果効用や、その原理など、具体的な執筆計画を立てる前に知っておきたいことについて。 文章の書き方 ホームページの文章を書く上で、「使える」「参考になる」テクニックについて。 無料ツール Webライティングに役立つツールを無料で公開しています。 参考書籍 当サイト管理人の著書をはじ

  • http://e0166nt.com/blog-entry-166.html

    http://e0166nt.com/blog-entry-166.html
    bk246
    bk246 2007/05/15
    63歳の世界的デザイナーが挑む、新しきウェブデザインの世界。浅田克治さん
  • 404 Blog Not Found:あなたのページを最速にする14の掟

    2007年05月11日18:45 カテゴリiTech あなたのページを最速にする14の掟 人気Webサイトの管理人、必読。 紹介ページ: 14 rules for fast web pages (Skrentablog) PPTのスライド: http://www.web2expo.com/presentations/webex2007/souders_steve.ppt 実は、これらはYahoo!の"Chief Performance Yahoo!"(当にそういう役職名)であるSteve Soudersによる以下のblog entriesをまとめたもの。 Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests Performance Research, Part 2:

    404 Blog Not Found:あなたのページを最速にする14の掟
  • 『憧れの余白デザインへの道』

    椰子の木を入れて微調整をいれたのがほとんど。 このブログが目指すWEBクリエイターは、椰子の木のように建材に使われたり、日光を遮るために使われたり、防風林になったり、実がココナッツのように、べて良し、飲んで良し、オイルは料理に使えるし、香料にもなるし、石鹸にもなるし、すべて有益に使われて全く無駄になることがない、ってなことを意味してます。 もともと3カラムのデザインで、機能的には不満をもっていませんでした。2カラムのWEBサイトの方が見やすくて好きなことが多いけれど、 たまたま立ち寄ってくれたブログは、パッとみて目に入らなかったらそんなにじっくり読んでもらえないはずなので、一覧性を重視。 情報が詰まった形に配置するのを、雑誌でいうとソリッド感を出すなんて言います。 ※使用例 「これもうちょっとソリッド感あるようにしてくんないかな~」 ソリッド感を出そうとするのは初心者にやさしいデザインの

    bk246
    bk246 2007/04/19
    すべて詰めこむ→整理→いらないものを取り除く。たくさんの伝えたい想いを凝縮する。最初からシンプル思考だと薄いモノになりがち
  • ウノウラボ Unoh Labs: Webサイトのテキストを読みやすくする

    こんにちは! 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら(?)仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ

    bk246
    bk246 2007/04/13
    目安line-heightを130~180%くらい。一行の長さ(ブロックの幅)が長い場合にはやや広めに。
  • アップル ヒューマンインタフェースガイドライン

    アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ

  • 真鍋 博 : 住まいと介護

    イラストレイター「真鍋 博」先生 MENU概  要 真鍋作品の宝庫、新居浜市をご案内します 真鍋 博氏の作品目録 真鍋 博氏の略年譜 <過去><現在><未来>の展覧会情報を掲載しています 人生の師「真鍋 博」先生 イラストレイター「真鍋 博」先生 新居浜ウイメンズプラザ 真鍋先生のコレクション 世界のベル このページは真鍋先生から頂いたカードを中心に作成しています。 新居浜市立別子銅山記念図書館所蔵「真鍋 博」図書44冊一覧 愛媛県立図書館所蔵「真鍋 博」図書34冊一覧 新居浜市 市政だより 2002年お正月特集 ニイハマ写真部オンラインまち歩き撮影会 アートマップ ニイハマ写真部オンラインまち歩き撮影会 アートツアー