アプリのUIデザインで使っているツール 10選+
2年前に同じ趣旨の記事を書いたが、いろいろ変わったのでまた書いてみよう！ Sketch 3（Mac） + Sketch Mirror（iOS） もう、Sketch以外でデザインするのはイヤだ、と思ってしまうほどパワーのあるデザインツール。ベクターベースのグラフィックツールなので、Adobe Illustratorと近いのだけど、もっと機能が絞られていて、UIデザイン寄り。いろいろと細やかに気がきいていて、好きなところを書ききれない感ある。起動が早い、ファイル保存も早い、数字書く窓でそのまま計算できる、ファイル書き出しするとき1.5倍とか3倍とか自由に拡大縮小できる、実機プレビューがリアルタイムかつ容易。 iPhone実機でデザイン確認するときは、iOSアプリSketch Mirrorでつなげることができる。リアルタイムで変更が見れる。昔はいろいろバグがあったけど、だいぶ安定して安心して使え
画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
Google Playのアプリ説明欄(Description)をHTMLマークアップる！ - hyoromoのブログ
いつからか知りませんが、Google Playの説明欄でいくつかのHTMLタグ*1が有効になっていました。 HTMLタグ とりあえず試してみたタグを列挙 利用可能 <b> <i> <u> <font> <a> 利用可能だが使わないほうがいい <h1>〜<h4> ページ上の他見出しと被るし、上下に入る余白が思いの外おおきい 利用不可能 <ul> PCサイト上では表示されますが、アプリ上では表示されません <hr> PCサイト上では表示されますが、アプリ上では表示されません 実践 上画像がHTMLマークアップなし、下画像がHTMLマークアップあり(改行や「・」を付けちゃってますが)です。あった方が見栄えはいいけど、やり過ぎると見難いので適度な装飾が良いでしょう。 実際に変更してみたページはこちらで確認できます。 細かい話 HTMLマークアップすると問題ある？ PCサイトとGooglePlayス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GunosyのUIを徹底的に分析してリデザインしてみた
