だまし絵のように美しいゲーム Monument Valley の制作秘話 | Goodpatch Blog
See the original story in English 最も美しいモバイルゲームの一つと呼んでも過言ではない「Monument Valley」。まるでエッシャーの描く建築世界に迷い込んだ感覚をプレイヤーに与えるゲームです。Monument Valleyは世界中のユーザーを惹き付け、昨年にはApple Design Awards(Appleデザイン賞)も受賞しました。 最近では、制作元のustwo が同社ブログ上で、収益やダウンロード数などの数字を公開。600万ドル近い収益、またインスールされたユニークデバイスの数は1000万近くと、その数字もまた注目を集めました。 今回は、そんなustwoでMonument Valleyの制作に携わったManesh Mistry 氏とNeil McFarland氏に開発ストーリーについてインタビューさせていただきました。 ――まず、チームについ
NewYorker紙 Jonathan Iveの記事から学んだこと | Goodpatch Blog
最近のSir Jonathan Iveについてのニューヨーカー紙の記事は、とても興味深いですが、とても長いので自社を含めて多くの人は全て読めていないと思います。この記事は深い洞察とトリビアがあってとても気に入ったので、まだ読んでない人に向けて要約しました。ぜひ読んでみてください。 Image credit: Marcus Dawes under a CC BY-SA 3.0 licence ――まず初めに個人的に気に入っている引用のひとつを紹介します: I asked Jeff Williams, the senior vice-president, if the Apple Watch seemed more purely Ive’s than previous company products. After a silence of twenty-five seconds, durin
10月1日デザインの日にPrott正式リリース！Prott iOSアプリの使い方教えます！ | Goodpatch Blog
みなさん、10月1日って何の日か知っていますか？！なんと、今日は通商産業省(現経済産業省)が選定した「デザインの日」！そんなデザインの日に、 UIデザインを特化しているGoodpatchが開発しているProttが正式リリース！今回のMEMOPATCHではiOSアプリの紹介を主に、今回の正式リリースの内容をお届けします！ 正式リリースについて Prott（プロット）とはこのMEMOPATCHを運営しているグッドパッチが開発しているモバイルアプリやサイトの為のプロトタイピングツールです。2014年4月にベータ版を公開して以来、多くの方にお使い頂いており、ついに正式リリースとなりました！「高速プロトタイピング＋新しいコミュニケーション」をコンセプト日々開発を進めています。 ベータ版との違いーアプリ開発チームにむけたよりパワフルなツールへー ・最新のiPhone 6などのiOSや、Androidな
どんな動きにするか悩んだときに！UIアニメーションのインスピレーションを得られるサイトまとめ | Goodpatch Blog
皆さんはUIの動きを考えるときに、どんなものを参考にしていますか？いつも簡単にぴったりの動きが思い浮かぶわけではないし、悩んだときに何か参考になるギャラリーサイトなどがあったら便利だと思います。今回フランス人WebデザイナーのWalter Stéphanieさんが“Interface Animations and Transitions: where to get inspiration”というタイトルでUIのアニメーションやトランジションのインスピレーションを得られるサイトを紹介していたので、本人の許可を得て翻訳しました！ （以下”Interface Animations and Transitions: where to get inspiration”の翻訳。） photo credit: Jorge Quinteros via photopin cc UI/UXデザインにおいて、細
歩いて5分の場所検索サービス、PatheeのiOSアプリはどうやって作られたのか？ | Goodpatch Blog
Goodpatchは外で使う検索サービス、Pathee(パシー)のUIデザインを担当しました。インタビューとして、Patheeのサービスを作られたTritrueの寺田真介さんと廣瀬誠さん、iOSアプリ制作を担当されたNotespaceの河村真也さん、弊社代表の土屋尚史、UIデザイナーの貫井伸隆、ディレクターの瀧本優の6人にお話をお伺いしました。 Patheeのサービスについて 左から、河村真也さん、廣瀬誠さん、寺田真介さん ―― では、まずPatheeのサービス内容について教えて下さい。 寺田 Patheeは外での検索体験を変えるサービスです。全ての情報を場所と紐づけて、整理してユーザーに提供します。例えばGoogleで「カレー」と検索すると、結果1位はカレーについて書かれたWikipediaのサイト、2位はカレーレシピを紹介しているCookpadのサイトです。外にいる時に、Wikiped
自動家計簿のMoney Forward。KPI11%アップを達成したiOSアプリの新UIデザインは、こうして作られた！ | Goodpatch Blog
Goodpatchは自動家計簿サービスMoneyFowardのiPhone版アプリリニューアルを担当しました。今回はリニューアルプロジェクトを終えて振り返りを兼ねて、Money Forwardの取締役開発本部長 都筑貴之さん、サービス開発本部マネージャー 村里健太さんのお二人にインタビューをさせて頂きました。弊社からはプロジェクトに関わった、代表の土屋尚史、UIデザイナーの貫井伸隆、ディレクターの齋藤恵太の3人が参加しました。 ―― まずはMoney Forwardの事業について教えてください。 都築 Money Forwardは、パーソナルファイナンスのサービスです。パーソナルファイナンスは「個人の資産をすべて一括で管理、活用する」というサービスで、まだ日本では新しい概念です。アメリカにMint.comというパーソナルファイナンスに特化したベンチャーがあるのですが、代表の辻とCOOの瀧が
オンボーディングをデザインするときのトレンド7つ | Goodpatch Blog
こんにちは！Goodpatchのゆきです。皆さんはサービスのオンボーディングについて考えたことはありますか？オンボーディングとは、新規ユーザーをサービスに適応させるプロセスです。今回はオンボーディングをデザインするときのトレンドについて書かれた、intercomの新規ユーザーのオンボーディングは想像以上に難しいという記事を翻訳して紹介します。 新規ユーザーのオンボーディングは想像以上に難しい どんなサービスについても発展するか衰退するかはサインアップ直後に何が起こるかで決まります。新規ユーザーの中にはようこそと出迎えてくれて、案内をしてくれることを期待している人もいれば、早くどいてくれ、自分で探検したいんだ！という意思のある人もいるでしょう。アクティブユーザーが1000万から1億人いるような人気サイトになると直面するのは、様々なユーザーがいることで期待が幅広くなってしまうという問題です。さ
優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design（直訳: 優れたUIデザインの14の金の卵）」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました！ （この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。） 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX（ユーザーエクスペリエンス）をユーザーに与えたいですか？
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
iPhoneのUIデザインを語る上で欠かせない、天才デザイナーMike Matasとは？ | Goodpatch Blog
Mike Matas（マイク・マタス）というデザイナーの名前を聞いたことはありますか？以前「Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人」でも少し紹介しましたが、UIデザインの歴史について調べたら必ず彼の名前が見つかるはずです。Mikeは私たちが毎日使っているiPhoneのユーザー・インタフェースの重要な部分を多く担当し、今のUIの基礎を生み出したと言っても過言ではないほど、素晴らしいデザイナーなのです。今回のMEMOPATCHは彼が今まで手掛けてきたデザインをまとめて紹介します！ 14歳からデザインの仕事をはじめる Mike Matas（マイク・マタス）は14歳のときにMac OS Xアプリケーションのためのアイコンやロゴを描くというスモールビジネスをはじめ、Macのコミュニティの間でアイコンデザイナーとして徐々に有名になっていきました。（上に掲載したWats
【Yosemiteの新機能】JavaScriptでアプリケーションを操作し、面倒な作業を自動化してみた | Goodpatch Blog
初めまして、ProttのフロントエンドエンジニアのSyoです。よろしくお願いします！ 実は皆さんもう既にご存知と思いますが、Mac OS XにはAppleScriptというスクリプト言語があり、システムアプリケーションや一部のサードパーティ製アプリをコントロールすることができます。これより日常中繰り返し同じ操作する所はプログランミングで操作を自動化することができるので大変便利です。ただし、AppleScriptはそれ以外一切使う所がなくて、その為にわざとAppleScriptを勉強するのは非効率ではないでしょうか。 今秋リリースするOS X Yosemiteでは、AppleScriptに加えJavaScriptも利用可能になりました。ということでJavaScriptを少しでもわかる方は、JavaScriptで簡単にMacアプリケーションを操作することが出来るようになりました！ Hello
新しいものが大好きなグッドパッチで5月に話題になったアプリ、サービス、デザインまとめ（2014) | Goodpatch Blog
5月もまもなく終わりますが、来月6月よりグッドパッチは渋谷に移転します！というわけで、この記事が秋葉原オフィスから更新する最後の記事です。渋谷オフィスでは社外向け勉強会なども開催する予定ですのでお楽しみに！それでは今回も毎月恒例の今月のまとめをお楽しみ下さい！ 過去のまとめ: 新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで3月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで2月に話題になったアプリ、サービス、デザインまとめ（2014） Avocode http://avocode.com/ Photoshopを開かなくても、PSDからCSSやSVGなどのデータを取得出来るツール。現在はプライベートベータ版で、サイトからリクエストを送ることが出来ます。 Pipe
新しいものが大好きなグッドパッチで3月に話題になったアプリ、サービス、デザインまとめ（2014） | Goodpatch Blog
3月も今日が最終日。弊社が開発しているプロトタイピングツールProttもいよいよクローズドベータをローンチし、ユーザーの招待を開始します！順次招待をしていく予定ですので、皆さん楽しみに待っていて下さいね。それでは今月も毎月恒例のGoodpatchで話題になったサービスやアプリをまとめてご紹介します！ 過去のまとめ: 新しいものが大好きなグッドパッチで2月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで1月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで12月に話題になったアプリ、サービス、デザインまとめ Prott http://prottapp.com/ Prottのサイトをリニューアルしました！合わせてコンセプト動画を公開していますので、ぜひこちらもチェックしてみて下さい。 Narrative
より良いプロダクトメールを書くためのシンプルな方法 | Goodpatch Blog
ベータ版ローンチに向けてProttは現在開発の真っ最中。初の自社サービスということで、サービス運営の上で役立つようなグロースハックに関する記事などを色々と読んでいるのですが、Intercomのブログには特に役立つ記事がたくさん掲載されています。前回はそのIntercomよりオンボーディングについての記事を翻訳しましたが、今回は、“A SIMPLE IMPROVEMENT TO PRODUCT MAILS”というより良いプロダクトメールを書くための方法について書かれた記事を翻訳しました。 （以下、“A SIMPLE IMPROVEMENT TO PRODUCT MAILS”の翻訳。） 誰が読むのかを考えずにお知らせメールを送ることは、ラブレターを書いてそれを「関係者各位」宛にするようなものです。 皆さんは少なくとも毎週一通くらいは、全く知らない会社がよくわからない機能について説明しているメー
Photoshop CC新機能 "リンクされたスマートオブジェクト" で震えた。これはUIデザインが捗る！ | Goodpatch Blog
はじめまして。最近SNSでTシャツを晒される機会が増えたなと感じるUIデザイナーのみっつーです。よろしくお願いします！ 先日Photoshop CCのアップデートがあり色々機能が追加されましたが、その中でも気になる新機能がありましたので、そのことに関してMEMOPATCHで初めて記事を書きたいと思います！ 早速ですが、最近Sketchでデザインすることが増えてきました。 というのも、徐々にpluginが増えてきて Sketch Symbol Plugin 等を使用しpage間でオブジェクトの変更、差し替えが簡単になり、作業がかなり捗るようになってきたからです。（みんなもSketch使ってみたらいいと思う。） 「もうこれからはPhotoshopを使うこと少なくなるのかもな、さよならかな…」と思った矢先に、今回Photoshopのアップデートの一報がきたわけです。今回のアップデートで追加された
PinterestのデザイナーJustin Edmundに聞く、Pinterestのデザインプロセス | Goodpatch Blog
画像に特化したSNSとして大人気のPinterest。今回そのPinterestに初期の頃に入り、プロダクトデザイナーとしてシークレットボードなどのデザインを手掛けてきたJustin Edmundにインタビューさせて頂きました！Justinは日本の漫画やアニメが大好きで、漫画家を目指していた時期もあったそうです。そんな彼がデザインに興味を持ったきっかけやPinterestで働くことになった経緯などについて聞いてみました。 デザインより先にコードを学んだ ―― Justinがデザインに興味を持ったきっかけは何だったんですか？ 僕は芸術系の高校でボーカルミュージックを専攻していたんですが、周りにはアート専攻の友達が多かったんですね。みんなdeviantARTというサイトに作品をアップロードしていたんですけど、僕は自分のサイトが欲しかったし、友達にもサイトを作ってあげたかった。それでコードを勉強
サンフランシスコ＆シリコンバレー旅行まとめ | Goodpatch Blog
あけましておめでとうございます！本年もMEMOPATCHをよろしくお願いします。 TwitterやFacebookでもお伝えしていましたが、Goodpatch一同は2013年の12月29日から2014年の1月5日までサンフランシスコ＆シリコンバレーに行っていました。スタートアップや企業を訪問し、現地で働いている人たちのお話を伺ってきたので、今回の記事でこの旅行で学んできたことをお伝えします。 IMPACT HUB http://bayarea.impacthub.net/ IMPACT HUBサンフランシスコにあるコワーキングスペース。ここで仕事をしていらっしゃるISIDの中村さんとJimさんにお二人のお仕事や、アメリカで働くことの大変さなどをお伺いしました。ISIDでのお二人のお仕事ではシリコンバレーで流行っている技術やスタートアップの調査や、日本企業がサンフランシスコに進出する際のお手
Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog
デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました（アカウントはこちら）。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか？そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します！ Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし
Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービス・手書きツールまとめ | Goodpatch Blog
みなさんはお仕事をされているときに、どのようなツールを用いて作業をしているでしょうか。 何かいいものがないかと探している方、まず何を使ったらいいのかわからないという方など、様々な方がいるかと思います。 先日Goodpatchのメンバーページ(⇒ABOUT)ができたので、今回は、Goodpatchのデザイナーに仕事でどのようなツールやアプリを使っているのか、またなぜ使っているかという理由を聞いてみました。 これらがみなさんの参考になれば嬉しいです！ UIデザイナー(小林幸弘さん) コバさんは、新しいツールやサービスが出たときにはとりあえず新規登録してみて、インタラクションであったり、見た目であったりを確認するようにしているそうです。その中でUIが細かいところまで考えられているものや、個人的に好きな見た目だったら使い続けるのだとか。 4コマノート、Notepod アプリ、スマートフォンサイトの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Goodpatch Blog グッドパッチブログ
