ドットインストール代表のライフハックブログ
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 前回の記事に続き、サイトデザインが生まれる過程(デザインカンプができあがるまでの試行錯誤)を振り返ってみたいと思います。 私がデザインをご依頼いただいたときに踏むデザインプロセス 目的を明確にし、戦略を決める 要件定義を行い、サイトの構造を決める ページの骨格を決めたり、ページの中で見せたい情報に優先順位をつけたりする 見た目の表現を形にする 大枠に考えるとこのようなフローでデザインを行います。プロトタイプを作ってから問題点を見つけてブラッシュアップをする場合は2〜5をいったりきたりすることも多いです。 また、そのときのコンディションによって順序が入れ替わることもあります。 デザインプロセス(その1)でやってきたことを振り返ると、
画面の色を取得するカラーピッカー「FE - Color Palette」 WEBサイトのデザインをしているときやCSSを編集しているときなどに、画面上の色を使いたいと思ったことは無いだろうか。白色なら#ffffff、黒色なら#000000、赤色なら#ff0000など、WEBデザイナーなら覚えやすいカラーコードは一通り暗記している人も多いだろう。しかし、ほとんどの場合16,777,216色(フルカラーの場合)ものカラーコードを肉眼で識別することは出来ない。 そんな時便利なのが「FE - Color Palette」だ。このフリーソフトはデスクトップ上のカラーコードをスポイトで取得してくれる。「画面上の、この色を使いたい!」と思ったときにスポイトで画面上の色を選択すれば、RGB形式やHSV形式などのカラーコードを取得することが出来る。それではダウンロードから使い方までを説明しよう。 「http
Hopefully web hooks are actually approaching critical mass. Just to be sure, a couple weeks ago I submitted a proposal to OSCON to speak about them. Here’s the abstract I sent. Web hooks are going to make the web programmable. Three years ago, I stumbled upon this simple architectural pattern in web applications and was struck with a vision of the real programmable web. I’ve since realized today’s
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん(以下、けんすうさん)から :HOWTOサイトをつくりたいからデザインを依頼したい! ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる!?合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
Everyone will agree that Photoshop has changed the world of design for the better. Everywhere you look, you will see the products of Photoshop — Pictures, Texts, Infographics, Backgrounds, Wallpapers, Screensavers, Templates, Advertisements, etc. In this page, you will find educational resources, tutorials, tips, hacks, and tricks related to Photoshop.
これは素晴らしい。RSS購読決定だ(Twitterでもフォローできる)。 Note & Pointはスタイリッシュなプレゼンをひたすら集めたサイトだ。 PowerPointだろうが、KeyNoteだろうが、プレゼンをつくるときはデザインや見せ方に懲りたいものだ。 そうしたときにこのサイトで参考になるものを探してみるといいだろう。 単純に見た目がきれい、というほかに、情報の見せ方としても参考になるスライドがきっと見つかるはずだ。 いままでプレゼンを作るときにはSlideShareを参考にしていたが、こちらの方が良さそうだ。おすすめである。
仕事があるのについつい長居してしまう サイトって無いですか?何かを大量に まとめてあるサイトだったり、掘り下げたく なるような専門サイトだったり、理由は様々です。 僕も例外なく気が付いたら全然仕事してない時も あります。そんなサイトを25サイト選んでご紹介します。 中には僕にはまだ必要ないサイトもありますが、こんな専門サイトもあるよ、って事で。因みに一貫性は全くありません。ただ、「長居しちゃう」ってだけ。順不同です。 SourceForge.JP 日本語で読めるオープンソース配布サイト。ここはかなり素敵。 SourceForge.JP OpenSourceCMS オープンソースのCMSに絞った海外の配布サイト。ブログとかEC系とかやたらあります。管理画面のデモもあるのでDLする前に触れるのは嬉しい。 OpenSourceCMS Twitpaper Twitterの背景の秀逸なデザインをダウ
webデザイン webデザインはビジュアルさえ良ければいいものではありません、webマーケティングに基づいた設計を元にwebデザインができねばなりません。そんな中、このwebデザイナー日記は、1人のwebデザイナーとして日々葛藤しながら精進を続けているヒトミンのwebデザインコラムです。 当サイトでは、ウエブデザインの素材写真の撮影にも役立つこの小型カメラを応援しています。監視カメラとしても役立ちますし、USBカメラだとパソコンに接続して動画を録画することも可能です。小型カメラには色んな可能性があるのでぜひ活用してみてくださいね!(広告すみません・・・!) このブログは、某web制作会社にて現役でwebデザイナーとして活動しているヒトミンの日記です。しかし今はこちらの大阪のwebデザイナーのサイトで活動しています!webデザイナーになる為のコツや、仕事の裏話など・・・現役のwebデザイナー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く