【デザイナー向け】これからAndroidのデザインをする人へ - Qiita
はじめに 自己紹介 私は日本にAndroidが上陸したAndroid 1.6の時代(2009年頃)からAndroidの開発者としてAndroid7系になった今も(執筆時2017年)Androidエンジニアを続けています。 Androidの歴史をずっと側で見守り続けた私がエンジニア目線で思っている事を述べるので、これからAndroidのデザインをするデザイナーに見て頂きたいです。 ※ この記事の内容は一個人の意見で所属先は一切関係ありません 一番言いたいこと まず、普段iPhoneを使っているデザイナーは最新もしくは1つ前のOSが入ったAndroid端末をメイン端末とまではいかなくても2台持ちにして常用して下さい。 ハッキリ言ってこれが全てです!! 良さ気なUIのアプリを一通り入れて数十分触るだけでは全く意味がありません。 Androidの良さは通知やIntentと呼ばれるアプリ間の密な連携
VASILYデザイナーが選ぶ、アプリデザイン効率化のためのツール7選 | 株式会社VASILY(ヴァシリー)
VASILYデザイナーチームが、アプリデザインを行う際に使用しているアプリやツールをご紹介しますプロダクト開発においてスピードも重視するVASILYでは、効率的・効果的にデザインを行えるよう様々なツールを活用しています。 今回は、これまで使ってきた中でオススメのアプリやサービスをいくつかご紹介したいと思います。 プロトタイピングをつくる アプリ制作は、 - どこからどこへ遷移するのか - どのようなアクション・アニメーションで遷移するのか など、実際に動いているものを検討してみないとわからないケースが多いものです。 実装後、「やっぱこれって変じゃない？」とならないためにも、VASILYではプロトタイピングでの確認・検討を必ず行うようにしています。 POP https://popapp.in/jp/ ［iPhone / Android］※2015年3月12日現在 POP（
縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT by Beeworks
モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます！ 明けましておめでとうございます。本年もWebNAUTをよろしくお願い致します。私の新年1本目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター： ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか？ デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます
Android版「マネーフォワード」をマテリアルデザイン対応したときのあれこれ - Money Forward Developers Blog
エンジニアの黒田です。 この度Android版「マネーフォワード」アプリをマテリアルデザインにフルリニューアルしました。 そしてなんと！！！ おかげさまでGooglePlayの「2014年ベストアプリ」に選出いただきました！ GooglePlay 2014年ベストアプリ アプリのDLはこちらから 家計簿マネーフォワード【投資・資産管理】 この記事ではマテリアルデザイン対応するにあたり、考えたことや実際に書いたコード、使ったツールなどあれこれと書いてみたいと思います。 マテリアルデザインとは マテリアルデザインとはGoogleが発表した新たなデザインガイドラインです。 モバイルに限らず、AndroidWearやAndroidTVなど様々なデバイスでもユーザーに対して同じ体験を提供することを目的としています。 マテリアルデザインに関する細かい説明は割愛しますが、GoogleMapやGMailな
スマホサイト全体のキャプチャを一度で撮って効率化！WebCollectorを使ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ライターの伊丹松です。最近喉が痛いです。9月10月に風邪を引かない人って逆になんなんでしょうね。 さて、最近では「モバイル・ファースト」などと言われるように、ますますプライオリティが高まっているのがスマホサイト制作。 しかし、PCサイトに比べてどうしても縦長になってしまうため、キャプチャが必要な場面でも一度に全画面を撮ることができません。スクロールして撮った複数の画面写真を後からPhotoshopで繋げて…という作業経験がある方も多いのではないでしょうか。 デザインチェック、デバグ、構成書・指示書への貼付けなど、キャプチャはさまざまな場面で必要になります。ちょっとした作業ですが、ページ数が多いサイトなどでは、トータルでみればけっこうな作業量になります。 そこで今回は、そんなキャプチャ作成作業の手間を解消してくれるアプリを紹介したいと思います。 WebCollectorの紹介 他
Codekit 2.0 ファーストインプレッション
マカーお馴染みの高機能GUIコンパイラー Codekit がバージョン2になり、色々刷新されました。 いきなり新バージョンがリリースされたんでびっくりです。とりあえず買ってみたんで全部機能試してはいないですが、ひと通り触ってみた感想をつらつらと。 Codekitとは CodeKit: THE Mac App For Web Developers CodekitとはMac専用のGUIコンパイラーのアプリのことで、SassやらLessやらCompassやらこーひーすくりぷとやらをコンパイルしてくれたり、ブラウザをオートリロードしてくれたり、画像最適化してくれたりと、黒い画面が苦手な方安心◎のコーディングお助けツールです。 2でさらにビルトインサーバーやアセットなど機能が追加してパワーアップ。 Codekitを知らない人は、このまぼろしの木村さん西畑さんのスライド見れば全てわかります。 CSS
カレー屋チェーン店公式アプリの仮想案件をみんなで見積もってみた #モバイル見積 - ReDo
スマホアプリを新規作成したらいくらかかる？モバイル見積もり勉強会 #モバイル見積 http://www.zusaar.com/event/3147004 カレー屋チェーン店「ペッパー警部」の公式アプリを作ってほしい、という仮想案件に対して見積もりをしてみる勉強会を2014.01.24 19:00-21:30で開催しました。会場は渋谷の21cafeをお借りしましたが、無料で借りていいの？というぐらいにはプロジェクタ・WiFi完備でキレイなとこでした、同業（？）の皆様にはオススメしておきます。 WordBench神戸勉強会さんの WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた http://wordbench.org/2014/01/14/wordbench-kobe/ が、面白かったので、そのスマホアプリ版をやってみた、という話です。 モバイル見積もり勉強
ペーパープロトタイピング入門 – 第2回 ペーパープロトタイピングに使う道具 | fladdict
ペーパープロトタイピング講座シリーズ。第2回は準備編。前回はこちら。プロトタイピングを始めるにあたって必要なものを列挙する。 必須ツール 紙 まず紙は大量に必要。A4コピー紙や大型のポストイットが一般的。スマホアプリの場合は、弊社が専用に開発したペーパープロトタイプ用ノートが便利。実寸で検証できるように心がけよう。 シャーペン 下書き用ペン。消しやすい芯がよい。個人的にはステッドラーを愛用。 サインペン 清書用のペン。チーム共有やテスト時に読みやすくするために使う。細い、普通、太いの3種類のペンがあるとよい。個人的には0.05mm、0.3mm、1.0mmの3本を使っている。オススメはピグマかコピックマルチライナー。 マーカー 清書用ツール。タップエリアや、注目させたいコンポーネントを面で見せる為に使う。最低限２色。薄いグレーと濃いグレーがあるとよい。可能ならばアプリとタップ色や警告色なども
高齢者へのiPad導入を阻んだiOSのUI/UXの話
高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月（2013年11月）、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの１名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容
秘訣はAndroidファースト！ファッションアプリ「iQON」急成長の理由はプロダクト改善の徹底追求だった。 | アプリマーケティング研究所
秘訣はAndroidファースト！ファッションアプリ「iQON」急成長の理由はプロダクト改善の徹底追求だった。 本日はファッションコーディネートアプリ「iQON」の取材記事をお送りします。 「iQON（アイコン）」 は自分のファッションコーディネートを投稿したり、人のコーディネートを見たりすることができるアプリ。 気に入ったアイテムを見つけたら、クリックしてECでそのまま購入できて、「ファッション雑誌」＋「通販」＋「コミュニティ」を合体させてスマホで表現したようなサービス、というような印象です。 「iQON」は、2012年にはApple社選定のベストアプリにも選ばれていて、2013年に入り、今年2月に3億円の資金調達を達成するなど注目を集めています。 一体どのようにサービスを運営しているのか？マーケティングを行っているのか？「iQON」を運営している株式会社VASILY、グロースハッカーの築
iPhoneアプリの作り方教えるけど質問ある？ : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:02:11 ID:Kt/LuEvv0 iPhoneでもAndroidでもどんとこい 有意義な内容が多く、まとめが長くなったのでiPhoneのみに的を絞りました。 追記：Android版もまとめました。よかったら(/ω・＼)ﾁﾗｯ Androidアプリの作り方教えるけど質問ある？ 2: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:02:33 ID:Dy8p8qg9P 用意するものはよ 5: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:03:26 ID:Kt/LuEvv0 >>2 なにつくりたいのよ 9: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:03:54 ID:Dy8p8qg9P あいぽん 14: 以下、名無しに
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
iPhoneユーザー441人のアプリ利用数と人気カテゴリを6つに分類して調査／スマートフォンレポート vol.6-2 | スマートフォンレポート | Web担当者Forum
今回は2013年5月に発表された「スマートフォンレポート vol.6」から、調査報告2「iPhoneユーザー調査／1日におけるアプリの利用本数が増加するにつれ、どのようなカテゴリの利用が高まっていくのか?」の調査レポートをお届けする。 調査レポートを読む調査概要を確認するスマートフォンレポートについて1日のアプリ利用本数と人気カテゴリの関係今回は、ある平日1日におけるiPhoneユーザーのアプリ利用を計測し、「基本的にどのカテゴリのアプリを利用しているのか」「数多くのアプリを利用するユーザーは、どのカテゴリのアプリをたくさん使っているのか」「アプリの利用本数が増加するにつれ、どのようなカテゴリの利用が高まっていくのか」などといった傾向について、アプリ利用本数別に、利用カテゴリ分布比率を算出する形で探ってみたいと思う。 調査対象日としては、週の真ん中にある平日が適していると考え、今回は2月1
完全に脱Adobeするための格安代替Macアプリ8個
2013.08.22 完全に脱Adobeするための格安代替Macアプリ8個 この記事ではAdobe CCに置き換わるアプリを紹介したいと思います。かつては、Adobeの代替アプリと言えば「GIMP」と「InkSpace」でしたが、最近はずいぶん状況が変わってきています。 Photoshopの代替Pixelmator 無料トライアル http://www.pixelmator.com/try/ 圧倒的な安さと必要十分な機能、そして使いやすさを備えた画像編集アプリです。この記事のために、試しにPixelmatorで画像を作ってみました。 このファミコン写真が… ↓↓↓ こんなおしゃれ画像になっちゃいましたー。 普段画像編集する機会が少ないので、Pixelmatorはあまり使って無いどころか起動したのは3回目くらいなのですが、この画像は制作時間10分くらいです。本当に直感的に使えますね。 デザイ
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービス・手書きツールまとめ | Goodpatch Blog
みなさんはお仕事をされているときに、どのようなツールを用いて作業をしているでしょうか。 何かいいものがないかと探している方、まず何を使ったらいいのかわからないという方など、様々な方がいるかと思います。 先日Goodpatchのメンバーページ(⇒ABOUT)ができたので、今回は、Goodpatchのデザイナーに仕事でどのようなツールやアプリを使っているのか、またなぜ使っているかという理由を聞いてみました。 これらがみなさんの参考になれば嬉しいです！ UIデザイナー(小林幸弘さん) コバさんは、新しいツールやサービスが出たときにはとりあえず新規登録してみて、インタラクションであったり、見た目であったりを確認するようにしているそうです。その中でUIが細かいところまで考えられているものや、個人的に好きな見た目だったら使い続けるのだとか。 4コマノート、Notepod アプリ、スマートフォンサイトの
最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
iMac／Macbook Proに入れてるアプリの中で『これだけは絶対必要だろ！』って思えた物全部！ | バンクーバーのうぇぶ屋
どうもー！！最近2011年春モデルのMacbook Proが重量的な意味で重すぎて、もうぼちぼちAirにしたいセナです。 まー、もしAir買ったらまたどうせアプリ入れ直すだろうし、必要な物だけチョイスして整理して入れたいし「あのアプリは必要だ、あのアプリは要らない」とか、たぶんそんな試行錯誤だけで1日以上を費やすかもしれない… オマケに、どうせ近い未来また新しい機種なり何なりが出て、同じ事を繰り返すことになるのは目に見えて居る… 僕、面倒くさいの大嫌いなので、これはなんとかして時間節約出来んもんかと思ったわけです。 と、いうわけで。今日は2013/08時点で「いや、これは自分的に天地がひっくり返ってもとりあえず必要でしょ。」ってアプリを全部一箇所にまとめておくことにしました。 まぁ、必要になるかはさっぱり分かりませんが、こんな記事でもとりあえず書いておけば将来の僕が「ビバ俺！」ってなってる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GunosyのUIを徹底的に分析してリデザインしてみた