ディレクターが愛してやまないワイヤーフレームツール『Cacoo』、『moqups』の使い方まとめ｜Goodpatch Blog グッドパッチブログ
ステンシル ステンシルの中からワイヤーフレームを選び、下のボックスからドラッグ&ドロップで挿入します。 メニューバーのボタンをクリックすると設定画面が出てきます、この画面で、好きな値に変形できます。 そして背景はロックすることをおすすめします！ロックすることで、ほかの要素を動かすときに背景が影響を受けなくなりますのでおすすめです。 グループ ある程度要素がまとまったらグループ化すると作業が楽になりますよ！ 画像挿入 画像も簡単に挿入できます、Cacooは画像を自由に変形させることができるんですが、この機能は便利です。画像を無理矢理、枠におさめることが可能です。 （本当はちゃんとサイズを計算して画像も作りますが急ぎのときなどは便利です。） 書き出し 完成したら、書き出します。 無料版はPNGのみ回数無制限で、PDFなどは３回まで無料となってます。 簡単にワイヤーフレームが完成しました。次はこ
project-design-interview1
ナレッジ・ノウハウ 「プロジェクトをデザインする」ということ。タスク管理について、プロジェクトマネージャーに聞いてみた【前編】 はじめまして！エディターのkeoです。 5月からGoodpatchにジョインしたばかりの新米ですが、みなさんのお役に立てる記事をたくさんお届けしていくので、どうぞよろしくお願いします！ さて、今回のテーマは、プロジェクト進行において欠かせない「タスク管理術」。私自身ちょっぴり苦手意識があり、てんてこ舞いになることがしばしばあります。 そこでGoodpatchの現役プロジェクトマネージャー（PM）の皆さんに、実際どんな風にタスク管理してますか？とインタビューを行いました。 Goodpatchには業務内容によって様々なタイプのPMがいるので、あなたのお悩みに合ったタスク管理の方法が見つかるかも！これからPMになる人や、ツールの使い方がいまいち分からない…という人も必読
Goodpatchのデザイナー＆ディレクターが愛用しているアナログツール | Goodpatch Blog
MEMOPATCHでは以前にGoodpatchのデザイナーやディレクターが愛用しているアプリやサービスを紹介しました。 Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービスまとめ Goodpatchのディレクターが実際に仕事で使っているデスクトップアプリ・Webサービスまとめ 社内では日々様々なツールやアプリが共有されていますが、ペンやノートなどの文房具はあまり共有されていなかったので試しに聞いてみたところ、それぞれお気に入りのツールがたくさんありました。ということで今回は弊社デザイナーやディレクターが愛用しているペンやノートなどのアナログツールについて紹介します！ ディレクター齋藤 こだわりは特にないけれど、たくさん描けるものを選んでいる、とのことでした。 プロジェクトペーパー（オキナ株式会社）、エッジ セレクチップローラーボール（CROSS）、ノートブック
未来はすぐそこ！次世代インターフェース、Leap Motion | Goodpatch Blog
皆さんはLeap Motion（リープ・モーション）をご存知ですか？この写真を見るとまるでAppleのプロダクトのようですが、これはLeap Motionという会社が開発しているデバイス、Leap Motion Controller（リープ・モーション・コントローラ）です。ユーザーの手と指の動きを感知し、直接コンピュータを操作できるという画期的なセンサーデバイスなのですが、そのすごさはなかなか言葉では伝わらないと思うので、まずは900万回以上再生されているこちらの紹介動画を見てみてください。 マウスやディスプレイなどに触れることなく、指で画面をスクロールしたり、線を書いたり、ゲームをしたりと、まるで映画の世界のような光景です。（『マイノリティ・リポート』がまさにこんなインターフェースでした。）そしてこのデバイス、なんとたった$79.99（日本円でおよそ8,100円）で購入することができ、つ
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
有名Webサービスのデザインから考える、上手な料金プランの見せ方 | Goodpatch Blog
複数の料金プランを持つWebサービスを利用する際、皆さんはどういう基準でプランを選びますか？私は自分に必要な機能は何なのか、料金に見合った内容かどうか、他のプランと比較してお得なのはどれなのか等を考えながら検討していきます。そのために一目でそれぞれのプラン内容がわかったり、各プランを簡単に比較できるデザインだと決めやすいのですが、自分にぴったりのプランがすぐにわからないと結局どれも申し込まない、なんてことも。そこで今回は複数のプランを持つWebサービスの料金表を見ながら、どんなデザインをしてユーザーに魅力を伝えているのかチェックしてみたいと思います！ SQUARESPACE http://www.squarespace.com/pricing/ プランを3つ用意しているSQUARESPACEは、おすすめの$16のプランを人気のプランとして画面の真ん中にくるように配置しています。緑背景の”M
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
