About the content This talk was delivered live in March 2017 at try! Swift Tokyo. The video was recorded, produced, and transcribed by Realm, and is published here with the permission of the conference organizers. When was the last time you used an app that felt surreal, or broke the laws of physics? With modern apps becoming flat and simple, apps that felt magical are becoming exceedingly rare! I

About The AuthorCosima has been an editor at SmashingMag since 2013. Whenever she’s not writing articles for the weekly Smashing Newsletter, she’s probably working on a … More about Cosima ↬ Made for fast and fluid UX design, Adobe XD gives you everything in one neat bundle: it lets you sketch out ideas, create interactive prototypes, test and share them. To give you a head start when working with

Principle Repo is the best resource website to learn Principle for Mac. Download sample files, read articles, and learn from our Principle tutorials.

amana tech night vol.2 『達人たちから学ぶ。実践！プロトタイピング』にて行ったワークショップの資料の補完版です。 http://amana.connpass.com/event/13663/Read less

React.jsを使ってプロトタイプを作る。 コンポーネント指向をすすめるなら、プロトタイピングは実用性と実現性を兼ね備えていく必要があるのかもしれない。 本当の意味でのRapid Prototypingはイニシャル開発だけに求めるものではない。 …というお話をまとめました。 ## …

こんにちは。ユーザーファースト推進室の元山です。 みなさんはスマートフォンアプリケーションやWebサービスの開発・改善をするときにどのようなプロセスで行っているでしょうか？アジャイルやリーンなどの最近では一般的なよくある開発プロセスの中で、今やプロトタイピングは当たり前に行うものとなっていると思います。プロトタイピングを支援するアプリやWebサービスも数多くありますが、ただ闇雲にプロトタイプを作ればいいわけではありませんし、プロトタイプモックを作ること自体が目的化されては意味がありません。 クックパッドでもプロトタイピングを取り入れた開発プロセスを行っていますが、開発のフェーズであったり、または目的によってどのようなアウトプットとしてプロトタイピングするのかは変わってくると思います。今回はクックパッドで実際に行っているプロトタイピングについてフェーズや目的ごとにご紹介しようと思います。 コ

現役UIデザイナーが語る「今、プロトタイピング開発に求められること」UI Crunch #3 馬場 美由紀（HTML5 Experts.jp編集部） この1～2年、Webサービスやスマートフォンアプリの開発現場では、早い段階から評価・検証により課題を洗い出し、制作の効率化を図るプロトタイピングがさまざまな手法・ツールによって試されている。 「UI Crunch」第3回となる今回のテーマは、「今、プロトタイピング開発に求められること」。講座は、元山和之氏（クックパッド）、吉竹遼氏（Standard Inc.）、村越悟氏（グリー）、土屋尚史氏（Goodpatch CEO）デザイナー各氏によるスピーチ、および坪田朋氏（DeNA）を加えたパネルディスカッションを通じて考え、深めていくという構成で行われた。 チーム開発におけるKeynoteを使ったプロトタイピング 最初のセッションは、クックパッドの

先日、ヒカリエで第三回目のUI Crunchが開催されました！ 今回のテーマは「今、プロトタイピング開発に求められること」です。前回と同じくライトニングトークとパネルディスカッションが行なわれました。UI Crunchの公式ホームページはこちらをご覧ください。 【過去記事】 【DeNA×Goodpatch】 UIデザインを本気で追求するコミュニティ『UI Crunch』が始動！ スタート！ 会場はヒカリエ内にあるさくらカフェです。今回もすぐに満席となりたくさんの方々にお越しいただきました！ とりあえず…乾杯！ ライトニングトーク プロトタイピングをテーマに4名によるライトニングトークが行われました。 「Prott Story」土屋 尚史（Goodpatch） 「チーム開発におけるKeynoteを使ったプロトタイピング」元山 和之（COOKPAD） 「プロトタイピングの助走と飛躍」吉竹 遼（

Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design. Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. Quartz Composer is a freely-available Mac OS X appl

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog この記事を読むとデザイナーの方でもエンジニアと同じ開発環境で動くモックを作れるようになります！（社内での実績あり） 例えば以下のようなデザインの画面を新規に作りたいとします。そして社内の人に直接触ってもらい感想を聞きたいとします。 さて、あなたならどうやって感想を求めますか？ モックの画像をカメラロールに保存してユーザに見せたりしていませんか？ ですがこの方法だと触っているうちにピンチイン・アウトしてしまいますし、あまり良いやり方とは言えませんよね。 モック作成ツールを使うやり方もありますね。世の中には様々なモック作成ツールがあります。 ですが、モック作成ツールだと実現できないことも多々出てきます（例：画面の固定位置にオーバーレイ

Once imported, the following code was inserted: htLayers = Framer.Importer.load “imported/htImages from my Sketch file also appeared in the preview window. The “htLayers” variable name provides access to all the layers in my Sketch file, including the hidden ones. You can change the name to anything you want — I changed “htLayers” to just “ht” to keep it simple and short. You can then access your