スマホアプリやWebサービスのランディングページでよく見かける、プロダクトモックアップ。どうやって作っていますか? Photoshopで自分で作ってもいいけど、実はとても簡単におしゃれに作れるツールがたくさんあります。 「モックアップ」は、再現度が低い(low-fiderity)サイトやアプリのレイアウトを模擬的に示したものを指しますが、今回は「プロダクトモックアップ」のお話です。プロダクトモック…

Copyright © 2017, Alex Walker All Rights Reserved.

Alex Walker

Alex Walker

sitepoint.comのデザイン・フロントエンド開発者で、SitepointのデザインとUX編集も担当しています。

Loading...

ワイヤーフレームから本格的なプロトタイプまで一気に作れるAdobe XDの人気が高まっています。実際に手を動かしながら基本的な流れをつかんでみましょう。 Adobe XDは比較的新しいソフトですが、すでに大好評を得ています。そこで簡潔ながらも楽しいチュートリアルを作成しました。Adobe XDのみで設計とプロトタイピングができて、手に負えないほどの複雑さは感じないことを実感してください。 少し前に…

Copyright © 2017, All Rights Reserved.

Loading...

「まだバックエンドのAPIできていないから、とりあえずダミーテキストでデザインしといて」ってフロントエンドの実装を進めたら、仕様が微妙に違った…なんてトラブルはこれで防げそうですね。 バックエンドが用意されていない中でアプリケーションのフロントエンドをプロトタイピングしなくてはならない、ということがあるでしょう。呼び出す基本的なAPIのモックを作るだけでも時間がかかりますが、JSON Server…

Copyright © 2016, Ayush Gupta All Rights Reserved.

Ayush Gupta

Ayush Gupta

Webサイト開発を愛するインドのコンピューターエンジニアの学生です。Webサイトに取り組むほかには、低水準コンピューティングに関心があります。オンラインじゃないときは、読書をしているかサッカー場にいます。

Loading...