【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
試してみよう。Webベースのドローアプリケーション·Stylo MOONGIFT
StyloはWebベースのドローアプリケーションです。データの保存はできませんが、多機能です。 ドローという技術は応用範囲がとても広いです。IllustratorやFireworks、さらにVisioなどもドローソフトウェアと言えます。そんなドローをWebベースで再現するソフトウェアがStyloです。 四角を配置してみました。 日本語も問題ありません。 テキスト枠を追加。 枠の形を変えてみました。半径を入れるだけの簡単操作です。 色の変更はプロパティから。透明度も設定できます。 半透明のもの同士を重ねると重なった部分の色合いが変わります。 Styloはまるでローカルソフトウェアのような使い勝手を提供します。特にオブジェクトをドラッグした時に自動で補助線が出てスナップできるのは便利です。さらにキーボードショートカットやコンテクストメニューを使った重なり順の指定ができます。データの保存は今のと
Bootstrapライクに使えるWebデザインテンプレート·Zurb Foundation MOONGIFT
Zurb FoundationはWebデザインテンプレートです。記法に則ってデザインすることで様々なデバイスに対応したWebサイトが作成できます。 一定の記法に則って書くだけで様々なデバイスに対応したWebデザインを行ってくれるのがZurb Foundationです。Zurb Foundationを使って格好いいWebサイトを量産しましょう！ ボタンです。ただ普通に書くだけでこんなデザインに。 フォームです。エラー時も含めて格好いいです。 ブロックです。細かく制御できます。 メッセージ系もちゃんとカバーされています。 タブ表示も可能です。 上にラインを引いたNice Tabも。 もちろんページネーションもあります。 スライドで画像を差し替えるコンポーネントも用意されています。 上からスライドで下りてくるダイアログ。ログインやメッセージに使えます。 Rails3.1向けにRubygemsも用
プレビューがあればさらに作りやすい。HTML5のスライド作成ソフトウェア·Editable HTML5 Slides MOONGIFT
Editable HTML5 SlidesはHTML5のスライドをプレビューを見ながら作成できるソフトウェア。 Editable HTML5 SlidesはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。最近はHTMLファイルをベースにしたプレゼンテーションを作成する人が増えてきた。動画を埋め込んだり、外部コンテンツを取り込んだりしてよりダイナミックで面白いプレゼンテーションが作成できる。 左にプレビュー しかしHTMLで作成する場合の欠点としては、作成中はテキストエディタ等を使っているため実際に表示した際の見え方が分かりづらいということだ。その問題点を克服できるのがEditable HTML5 Slidesだ。 Editable HTML5 Slidesは左側にプレビューが表示されるスライド作成ソフトウェアだ。右側にプレゼンテーションのためのHTMLが表
CSS gradients for all web browsers, without using images - Robert's talk
We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Monday, February 15, 2010 One thing that is quite nice is that we now have the ability to create gradients in our pages just from CSS code, and without the use of any images. Syntax options and web browser support The good news is that there is web browser support for CSS gradients in Firefox, S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Software Design (ソフトウェア デザイン) 2011年 02月号 [雑誌]: 本![Amazon.co.jp: Software Design (ソフトウェア デザイン) 2011年 02月号 [雑誌]: 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/833be54b89141108713d09c6f0f4305719ca7063/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51p4KxZ7WdL._SL500_.jpg)
