カテゴリー: 制作お役立ち

Keynoteを使ってスライドを作成&かっこよくプレゼンしよう

thumb_keynote

今年になってこれまでに増してプレゼンをする機会が増えてきました。あまり使うことのなかった、Mac付属のKeynoteというスライド作成ツールを使うようになり、周りの人からアドバイスを受けながらよりよいスライドを作ろうと勉強してまいりました。そこで今回はKeynoteの基本機能や便利機能を紹介しようと思います。
続きを読む

ユーザビリティテストの被験者をしてみて感じた、テストの流れや重要ポイント

thumb_testing-backlog

8月某日、ワイヤーフレーム作成ツールのCacooなど、制作業務を円滑に進めるための様々な便利ツールを開発しているヌーラボさんにおじゃましました。そこで、まもなくプロジェクト管理ツールのBacklogをリデザインするということでしたので、ユーザビリティテストの被験者をしてみることに!ユーザビリティテストを行うことはありましたが、本格的なテストの被験者をすることはあまりなかったので、ワクワクしながら受けてみましたよ。
続きを読む

Illustratorでのイマドキな画像書き出し方法【アセットの書き出し】

thumb-illustrator-asset

昔からIllustratorラブ!な私ですが、いつの間にやらWebデザインをする上での便利な機能が増えてきて、ますます嬉しい次第です。その中で今回は画像アセットを使った書き出し方法を紹介します。昔はスライスツールを使っていましたが、そんな面倒なことをしなくてもオブジェクトをドラッグ&ドロップで簡単に書き出せちゃいますよ。
続きを読む

画面の動きをGIFアニメーションに変換する時に使える便利ツールいろいろ

thumb-gif

制作関連のブログのように作業の手順を紹介する時、Webサイトやアプリの動きを見せたい時、Webサービスの不具合を報告したい時…。画面に表示されているものや動きを言葉で説明するよりも、動画で説明した方が早い場合も多々ありますよね。短時間の動画ならGIFアニメーションにしてみてはいかがでしょうか?今回は画面キャプチャを録画し、自動でGIFアニメーションに変換してくれる便利なツールを紹介します。
続きを読む

必要な物は紙とペンだけ!ペーパープロトタイピングのススメ

thumb_paper

プロトタイプとは、アプリやソフトウェア、Webサイトなどの開発を始める前に、どのように動作するのか?どんな機能があるのか?などのシミュレーションができる試作品です。今回の記事では「ペーパー」とあるように、紙とペンで書いたラフ画を元に制作する「ペーパープロトタイピング」の方法を紹介します!誰でも手軽に始められるので、思いついたアイデアをどんどん形にしていきましょう!
続きを読む

UXデザイナーって何するの?

thumb_ux

最近、求人サイトなどを見てみると、「Webデザイナー」という職種での募集よりも「UXデザイナー」での募集をよく見かける気がします。しかし、UXデザイナーって実際どんな仕事をしているんでしょうか?Webデザイナーとは何が違うんでしょう?今回はUXデザイナーの仕事内容と、どんなスキルがあればUXデザイナーとして活躍できるのかを調査しました!
続きを読む

引きこもりがちなフリーランサーやリモートワーカーの人は、積極的に人に会うようにしよう!

thumb_freelance

Webデザイナーとして働いている私がリモートワークに完全移行して約3年。私のようにWeb系・IT系業界でフリーランスやリモートワークをしている人は、PCやMacとインターネット環境さえあれば仕事ができちゃう分、人と会う機会が激減してしまいます。今回はそんなフリーランサーさん、リモートワーカーさんの「脱引きこもり」にフォーカスします!
続きを読む

Adobe Experience Design(XD)を使ってアプリのプロトタイプを作ってみた

thumb_xd

先日発表された、Adobeのプロトタイピングツール、Adobe Experience Design(Adobe XD)。Sketchライクなシンプルなグラフィックツールです。なにやら面白そうだったので、早速つついてみました。デモとして、簡単にチャットアプリのプロトタイプを作ってみたので、使用感とともに紹介します。

続きを読む

Photoshop、Illustrator、Sketch…デザインツールは結局どれがいいの?

thumb_tools

みなさん、UIデザインのツールって何を使っていますか?かつてはWebデザインに使うグラフィックツールはPhotoshop一択でした。しかし昨今はお手頃価格のグラフィックツールが増えてきて、どれを使うのがいいのか悩んでしまったり…。私もその一人でした。そこで現在巷でよく使われているPhotoshop、Illustrator、Sketchを比較してみました。
続きを読む

無料で使えるモバイルアプリ制作用のプロトタイピングツール

thumb_prott

以前「Webサイトのプロトタイプ制作に使える無料オンラインツール」というのを記事にしましたが、今回はモバイルアプリ制作に特化したツールを調査してみました。ただ、知らない間に便利ツールが増えまくり、あまりにも数が多いので無料で使えるものに絞り、さらに使ってみていいなと思ったものを集めました。それでも数が多いので…あとは実際にみなさんで試してみて、自分にあったものを探してみてください!
続きを読む