レスポンシブレイアウトを手軽に検証できる無料デザインツール8選まとめ
最近のウェブデザインでは、あらゆる画面サイズに対応するレスポンシブレイアウトが必須となっています。デスクトップでは問題ないように見えても、モバイル端末から閲覧するとユーザビリティの問題点が見つかることもしばしば。 今回は、無料なのはもちろん操作に迷わず手軽にレスポンシブデザインを検証できるオンラインツールをまとめてご紹介します。多くのツールで、画面サイズごとにまとめてレイアウトを確認できるなど、ウェブ制作が捗るものばかりです。 詳細は以下から。 レスポンシブレイアウトを手軽に検証できる無料デザインツールまとめ XRespond お好みの画面サイズを設定し、ウェブサイトのURLを入力するだけで、まとめてレイアウトを確認できるオンラインツール。ドロップダウンから特定の端末サイズを指定することもでき、幅広いセレクションが揃います。 Responsinator 上記ツールに似たものとして、Resp
上下に長いページをスクロールキャプチャできるAndroidアプリ5選
Android端末は、電源キー＋音量小ボタンの同時押しでスクリーンショットを撮ることができる。しかしこの方法で撮れるのは、あくまで画面上に表示されている領域だけで、スクロールしなければ表示されない下の部分は無視されてしまう。その点、スクロールキャプチャに対応したアプリを使えば、スクロールが必要な非表示エリアを含めて、縦長の1枚の画像として保存できる。 これらアプリは大きく分けて2種類ある。ひとつはアプリ内ブラウザでウェブページを表示してスクリーンショットを撮る、ウェブページ専用タイプ。もうひとつは撮影ボタンをオーバーレイ表示し、任意のアプリと組み合わせてスクリーンショットを撮る汎用タイプ。前者は対象がウェブページに限定されるが操作が簡単、後者は汎用性は高いがやや相性もあり操作も複雑で、対象に合わせて両者をうまく使い分けるのがポイントだ。 今回は、こうしたスクロールキャプチャに対応したアプリ
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision
Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n
Introducing Resizer - Library - Google Design
An interactive viewer to see and test how digital products respond to Material Design breakpoints What is Resizer?As designers and developers of digital products, one of our greatest challenges is figuring out how to serve the right UI to our users at the right time. No matter how they’re using an application, be it a phone or through VR, manipulating it with gesture or a mouse, on the latest and
VASILYデザイナーが選ぶ、アプリデザイン効率化のためのツール7選 | 株式会社VASILY(ヴァシリー)
VASILYデザイナーチームが、アプリデザインを行う際に使用しているアプリやツールをご紹介しますプロダクト開発においてスピードも重視するVASILYでは、効率的・効果的にデザインを行えるよう様々なツールを活用しています。 今回は、これまで使ってきた中でオススメのアプリやサービスをいくつかご紹介したいと思います。 プロトタイピングをつくる アプリ制作は、 - どこからどこへ遷移するのか - どのようなアクション・アニメーションで遷移するのか など、実際に動いているものを検討してみないとわからないケースが多いものです。 実装後、「やっぱこれって変じゃない？」とならないためにも、VASILYではプロトタイピングでの確認・検討を必ず行うようにしています。 POP https://popapp.in/jp/ ［iPhone / Android］※2015年3月12日現在 POP（
【2014.08.15 追記】"使える"モバイルアプリのUIプロトタイピングツール・サービス18個 - よりぶろ
2013年ふりかえりと2014年の予想でも書いたように、ここ1年でモバイルアプリのプロトタイプを作れるツール・サービスが数多く登場しています。 もうけっこうな数が出てきましたので、これからプロトタイピングを検討しようとしている方の参考に、また自分自身の把握のために、一度整理してみたいと思います。 なお、例によって後半は息切れ気味です。気付いたら1万文字近く書いてた… (2014.08.15)記事書いてから半年くらい経って、各種サービスもアップデートしたりがあったのでいろいろと追記しました プロトタイピングとは何か そもそもプロトタイピングって何ぞやというお話なのですが、Wikipediaにいい感じの解説が載っておりましたので転載します。 "プロトタイピング（Prototyping）とは、実働するモデル（プロトタイプ）を早期に製作する手法およびその過程を意味する。その目的は、設計を様々な観点
10月1日デザインの日にPrott正式リリース！Prott iOSアプリの使い方教えます！ | Goodpatch Blog
みなさん、10月1日って何の日か知っていますか？！なんと、今日は通商産業省(現経済産業省)が選定した「デザインの日」！そんなデザインの日に、 UIデザインを特化しているGoodpatchが開発しているProttが正式リリース！今回のMEMOPATCHではiOSアプリの紹介を主に、今回の正式リリースの内容をお届けします！ 正式リリースについて Prott（プロット）とはこのMEMOPATCHを運営しているグッドパッチが開発しているモバイルアプリやサイトの為のプロトタイピングツールです。2014年4月にベータ版を公開して以来、多くの方にお使い頂いており、ついに正式リリースとなりました！「高速プロトタイピング＋新しいコミュニケーション」をコンセプト日々開発を進めています。 ベータ版との違いーアプリ開発チームにむけたよりパワフルなツールへー ・最新のiPhone 6などのiOSや、Androidな
Prott - Prototyping tool for Web iOS Android apps
Design awesome products, with your team. Maximize your team’s superpowers and keep everyone engaged - from first idea to pixel perfect.Get started now!Get started now!Get started now! HAVE FUN! Make your process as awesome as your product. Keep miscommunication, technology failures and folder chaos from spoiling the fun. Enjoy the process, with Prott! Get the best out of your team Within every tea
ThemeRoller | jQuery Mobile
/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------
AndroidシミュレータはGenymotion一択！MacでもOK！ブラウザの表示確認に！ | SHINGO IRIE
Androidには数多くのバージョン、端末がありますが、たまにクライアントより「Xperiaで見え方がおかしい」など、機種指定で挙動がおかしいといった報告があります。そうすると、手元に実機をもっていないと、再現することができず、解決までに時間がかかってしまいます。 機種を指定して高速シミュレートそこで、Genymotionという便利なアプリがあります。このアプリを使えば、Androidの好きなバージョン、機種を指定してシミュレートすることができ、状況を再現することができるようになります。 機種名、バージョンなど細かくさがせて、追加します。 実行すると、ばっちりシミュレートしてくれます。動作も軽い。 WindowsでもMacでも使えるGenymotionGenymotionはWindowsでもMacでもインストール可能です。 Macで使用する場合、GenymotionのほかにVirtualb
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
Tumblr
Material Design
manymo.com