nanapiのデザインプロセス（その１） - エスカフラーチェLLC
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依頼したい！ ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる！？合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
Particletree » Dynamic Resolution Dependent Layouts
IntroductionIn my previous feature on CSS layouts, I talked a bit about the different CSS layout approaches available to a designer when building a web site. In this feature, I’d like to focus on a dynamic resolution dependent layout implementation that I think provides a strong alternative for those trying to find a balance between fluid and fixed layouts. With dynamic layouts, the possibilities
Capital Corporate Communications Sdn Bhd
With origami, the ancient Asian art of paper folding, we begin with just a single piece of paper. However, with creative vision, skill and patience, an amazing array of objects take shape. Endless possibilities. Passion and imagination is all that is needed for a simple idea ... to take flight. Our campaigns are effectively supported by offline collateral and other production services. We have ext
第4回 デザイナーがプログラミングについて誤解していること
「無知の知」では済まされないこと 顧客あるいはプロジェクト・リーダーからの相談内容が，筆者の相方（プログラマ）の耳に届くことがある。筆者は，技術無視の相談にも気長に耳を傾けられるが，相方は，そのような質問が生じること自体が，不思議でならないといった様子だ。 たしかに，拡張子の存在を知らなかったリ，存在を知っていてもWindowsマシンでの表示方法を知らなかったり，さらにJavaとJavaScriptを混同していたり…というのは困る。また，顧客の希望がローカル・アプリケーションなのかWebアプリケーションなのかを確認しないまま相談を持ちかけられても答えようがない。 筆者は，.NETをプラットフォームとする開発が多いが，その場合ならせめて下記の表のアプリケーションの種類については，確認しておいたほうがよい。 だが，デザイナーが知らなくてもやむをえない情報は，山ほどある。 筆者の経験からいえば，
第1回 デザイナー主導型プロジェクトのススメ
プロローグ～連載を始める前に～ 筆者（薬師寺 聖）は，四国在住の，一介のデザイナーである。デザインを生業として23年，印刷媒体からWebに転じて10年。プログラマの薬師寺 国安（本稿では「相方」と呼ぶ）と，コラボレーション・ユニット「PROJECT KySS」を結成し，コンテンツやツールを試作してきた。数年前に相方がフリーになってからは，開発案件を分担受注している。 周りからは，息の合ったコンビだと思われているが，感性は180度違う。デザイナーとプログラマはケンカするもの，と相場が決まっている。 「画面遷移図にないボタンが付いている！どうして勝手に付けるんだよ！？」「ボタンクリックという手順をワンクッション挟んだほうが，処理が簡単だ。」「コードを端折る目的で，デザインを無視するなよ！ユーザーに不親切だろ」「ボタン一つ追加したぐらいで，そう怒るなって。動けばいいだろ，動けば！」とまあ，しょっ
おれはおまえのパパじゃない - ブログデザインの好みについてちょっといわしてもらいます
何を今更感たっぷりでブログデザイン的なことを言わせてもらいますけども、言う前からドキドキするわこれ。だって正解とかないから超怒られそう。俺はこの方がいいなあっていう根拠を言います。あの、リンク柱とかサイドバーとかってあるじゃないですか。アレ、右の方がよくね？ はいよくないですよね、やっぱ左がいいですよね、ごめんなさいもう言いません。いや言います。だって基本、マウスポインタってブラウザ画面の右の方をうろちょろしてません？ スクロールバーが必ず右に出るから、「このやろう出やがったなスクロールバーめ！」って感じで右らへんに位置しとるでしょ。そしたらナビゲーションも右にあったほうがいいんじゃないかなって。まあどうでもいいですかこんなこと。(あとブラウザをわざと横幅狭くして横スクロールバーが出てるときに、左サイドバーはしっかり表示されてるのに本文は横スクロールしないと見られないって状況もありますね確
入門！Dreamweaver使い方講座 - ホームページ作成支援
初心者から上級者まで、ドリームウィーバーの使い方を学べるサイトです。基礎から上級編まで、ドリームウィーバーの使い方の全てはここで学べます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
hereticanthem co.,ltd. » 『CSSデザインで洗練されたサイト』を集めたサイト