よりぶろ

アプリのUIとかについて書いてく予定

Facebook Origamiを使ったプロトタイプ習作 その2

前回に続いて、Origamiのプロトタイピングについて。 前回の課題であった「通常はスクロールに付いてくるが、タップした時にスクロールがオフになって画面中央に拡大表示されるサムネイル」が作れた。 構成はこんな感じ。 ミソは「Multiplexer」で、こいつを…

Facebook Origamiを使ったプロトタイプ習作

一昨日からOrigamiでのプロトタイプ作成を勉強し始めたので軽くメモ。 1日目 何しろ初めてだったのと、ドキュメントやサンプルが全くと言ってないこともあり、これだけを作るのに4時間近くかかった。Briefsとかならものの数分でできるので、以前記事にも書い…

【2014.08.15 追記】"使える"モバイルアプリのUIプロトタイピングツール・サービス18個

2013年ふりかえりと2014年の予想でも書いたように、ここ1年でモバイルアプリのプロトタイプを作れるツール・サービスが数多く登場しています。 もうけっこうな数が出てきましたので、これからプロトタイピングを検討しようとしている方の参考に、また自分自…

高校の同期がいろんなところで活躍していて嬉しいなっていうお話。

最近嬉しい報告を続けて見られたので、思わず日記に書いちゃう。そんなお年ごろ。 大学以降の自分しか知らない人に話すと大抵驚かれるのですが、高校時代は舞台演劇を学んでいました。部活とかじゃないですよ。"科"として存在しているところがあり、とても濃…

After Effects で作成したUIアニメーション習作

来たるべきデザイナ・エンジニアボーダーレス時代に備えるべく…ってなわけでもありませんが、長らくPhotoshopでアニメーションのプロトタイプを作っていたのを、そろそろAfter Effectsに移行しようかなあと年末に思い始めて早2週間。 小一時間ほどですがさっ…

高齢者に対応したUIの変化についての考察

年始に大叔母(齢80幾つ)が実家にいらしたのですが、なんとAndroidタブレットを持ってきました。 で、WhatsAppの使い方を教えて欲しいと頼まれたので色々教えたのですが、やはりこのご年齢になるとHoloのデザインなんてわかったものじゃないんですよね。 Ho…

Photoshopでモバイルアプリのプロトタイプが作れる「Stand In」を軽く使ってみた

今朝メールを見たら、Stand Inから「ローンチしたよー(^o^)ノ」ときていたのでさっそく使ってみました。 Stand In. Interactive prototypes that feel like native apps, straight from Photoshop. Stand Inを簡単に説明すると、タイトル通りPhotoshopと連携…

Tweak ネイティブで作れるプロトタイピングツール

インターネットをさまよっていたらこんなのを見つけた。 Tweak – an iOS design prototyping tool, built natively on top of UIKit 今はまだ招待受付中のため詳細はわからないけど、どうやらプロトタイピングツールのようで、どうやらObjective-Cでのアウト…

Fancyで買い物はしないほうがいいかなあ、と思った話。

Fancyというソーシャルコマースがあります。 僕は割と初期からFancyのファンで、主にアプリの出来だとか、取り扱っている商品の内容とか、そういったところに魅力を感じていました。 (僕がFancyで見つけて「いいなあ」と思ったアイテムはこちらにまとまって…

2度目以降のアラート

UI

銀行のATMでお金をおろしたら「紙幣をお取りください」のコールが2回目から音量でかくなってビビった。2回目からは変化する、この考え方は持っていて悪くなさそうだ。

プライベートでの2013年振り返り

反省会って言葉は好きじゃないんですよ。振り返りって言おうぜ。 気がつけばゆく年くる年で2013年も終わりが間近となってきたので、たまには?2013年の振り返りをしてみたいと思います。 目標なにか立ててたっけなぁ…(遠い目 特に何かこれをしようとかは正…

#18 2013年のモバイルアプリの振り返りと2014年の妄想

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

#17 Rhinocerosでアイコンを作る

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

#16 UIデザインとラベルについて

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

#15 効果音をうまく使っているアプリ

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

#14 最近iOSアプリのデザインで使った欧文書体

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

#13 モバイルアプリとかスマホの変遷ってモビルスーツに似てる気がする

ふとそんなことを思ったのでつらつら書いてみる。 ======================================== この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 …

#12 2013年に発売されたUIデザイン関連書籍まとめ 24冊(+洋書15冊)

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

笑い

変なスイッチが入ってしまったのか、最近は小規模案件が続いて余裕が少しあるのもあって「どうすればクライアントさんをクスッとさせられるか」に密かにチャレンジしてる。 愛想笑いとか誘い笑いとかじゃなく、喋り方やメールの文面を変にするでもなく、ちゃ…

UI Design Advent Calendar #11 『小ネタ:Apple製で唯一スライドメニューを使っているアプリ』

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

UI Design Advent Calendar #10 『今だからこそ覚えておきたい、4インチ未対応の素敵なiPhoneアプリ』

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

UI Design Advent Calendar #9 『ターゲットサイズについて』

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

UI Design Advent Calendar #7 『Photoshopを使ってデザインカンプからちょっと便利なアニメーションを作る』

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 #6 …

UI Design Advent Calendar #6 『App Store Marketing Guidelines』

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 #5 『AndroidデザイナーのためのiPhoneアプリ』 ===…

UI Design Advent Calendar #5 『AndroidデザイナーのためのiPhoneアプリ』

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 #4 『UIデザインについての効率良い情報収集』 ======================================== 本日はA…

UI Design Advent Calendar #4 『UIデザインについての効率良い情報収集』

この記事は UI Design Advent Calendar に参加しています。 #1 『POP』 #2 『UIデザインとワーディング』 #3 『さまざまなOSのデザインガイドラインまとめ』 ======================================== さァさァ今日もあと40分で終わるよ! てなわけで4回目…

UI Design Advent Calendar #3 『さまざまなOSのデザインガイドラインまとめ』

#1 『POP』 #2 『UIデザインとワーディング』 ============================== 3日目にして早くもネタ切れ臭のするタイトルがやってきました。 まあガイドラインは読み物としても面白いので、まだ読んだことない、という方はこの機会にぜひ読んでみてくださ…

UI Design Advent Calendar #2『UIデザインとワーディング』

#1 『POP』 ============================== ひとりUIデザイナー Advent Calendar、2回目は『UIデザインとワーディング』です。 早い話が、UIデザインの中で言葉はとても大切だよってことです。 普段デザインをしていて、"言葉"に気をつけている人はどのくら…

UI Design Advent Calendar #1『POP』

しまった完全に忘れてた…!昨日から12月でしたね。 というわけで昨年に続いての「ひとりUIデザイナー Advent Calendar」。 とりあえず初回はサクッと軽くアプリ紹介をしたいと思います。 とは言え昨年も結構アプリ紹介したし、いま紹介すると言っても大抵iOS…

お仕事で勉強会をしましたよ。

先日、珍しく業務で勉強会をやらせて頂きました。 もちろん、業務なのでお客さま向けです。 詳細な内容は伏せますが「お前本書いてたし適任やろ」ということで、Windows ストア アプリのデザインについてと、iOS 7についてお話しさせて頂きました。 ひと通り…