タグ

ツールとUIに関するhayasi-nのブックマーク (2)

  • アプリUIデザインで使ってるツールまとめ。|あゆみ

    2月から、実践型デザイン学習サービス『Cocoda!』で、毎日1つ出されるお題に沿ってアプリUIなどのデザインをするDaily Cocoda!にチャレンジしています。(今日までで25日連続ー!) Webデザインも昨年からやっているレベルなのですが、UIデザインはまたそれとは結構別物で、初心者ながら見よう見まねで頑張っています。 さてさて、私の練習作を見てくださった方からツイッターで「スマホの枠とかアイコンはどこで手に入れられるの?」という質問をもらったりしたので、今回は私がよくお世話になっているツールやサイトをまとめようと思います。 最後のデザインツール以外は全て無料です。 追記:この記事を書いた後にデザイナーになって1年半が経ち、アップデート版のような記事を書きました↓ 主に海外のサイトで無料で配布されているので、英語で 「"mockup" + "iphone" + "(sketchやp

    アプリUIデザインで使ってるツールまとめ。|あゆみ
  • UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog

    先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は

    UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
  • 1