読者です 読者をやめる 読者になる 読者になる

よりぶろ

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

「記憶に残る風景」 #地元発見伝

異空間だった 「記憶に残る風景」 #地元発見伝 練馬区, 東京都 地元の魅力を発見しよう!特別企画「地元発見伝」

贈り物

上司から手渡されたのは、包装紙に包まれた一冊の本でした。 2011年の竹尾ペーパーショウをまとめた本。タイトルも『本』。 実は、僕もよく本を贈ります。 大切な人に、何かのタイミングに、それは誕生日だったり旅行中のふとした時だったりするのだけど、「…

『現場のプロが教えるWebデザイン&レイアウトの最新常識 知らないと困るWebデザインの新ルール3』読み終わった

タイトルの通り最新のトレンドを知れて読み応えがあった。 こないだ撮ったフィルムをスキャンしてる合間に読んだので、自分にしては珍しく?早く読み終わりました。 現場のプロが教えるWebデザイン&レイアウトの最新常識 知らないと困るWebデザインの新ルー…

最近買ったレンズとかカメラの話

ここ1,2ヶ月でレンズやカメラを購入する機会がありました。 まずは上の写真でM4-Pに付けているCOLOR SKOPAR 50mm F2.5。 もともとはLマウント用のレンズでしたが、LMマウントリングを噛ませて使っています。 M4-Pを買った時に「こいつは軽量主義を貫こう」と…

9月に表参道で写真展やります

FacebookやTwitterではちょくちょく宣伝をしていましたが、9月に表参道のギャラリーで写真展をします。 ph | Facebook 日時:2014.09.13(土) / 14(日) 11:00〜19:00 場所:ギャラリー IrieYawd (Google Map) 写真は時にデザインのようです。シャッターを押す…

Facebook Origamiに端末を追加するお話

久しぶりのOrigami話。というか久しぶりにOrigami触った。バージョンも1.3になりましたね。 Origami、タブレット系の端末がiPadしか選べなくて、Windows ストア アプリを作りたい時にうーんってなってたんだけど、意外とさらっと追加できたので自分用メモも…

同僚デザイナーに子供が生まれた時に贈ったプレゼントまとめ

今働いている会社は30代前半の人が多いからか、ここ1,2年で多くの方にお子さんができています。 自分が所属しているデザインチームも例外ではなく、同僚がパパさんママさんになるという幸せな転機をぽつぽつと目にするようになりました。 何回かプレゼントを…

宇宙世紀におけるユーザーインターフェイスの変遷と考察

という個人プロジェクトを少しずつ始めています。 始めたといってもまだイントロダクション書いただけだけど。 ryopan/g_ui · GitHub これは自分が大学生の頃から取り組みたかった内容で、タイミングが良い感じに重なってきたので本腰を入れることにしました…

何を以って「自分はデザイナーです」と言えるのか

というのをここ1ヶ月くらいぼんやり考えています。 確かに自分は会社でユーザーインターフェイスデザイナーとして働かせて頂いてるけど、それだって極論を言えば「会社がそういう職を設けて、そこに運良く収まったからそう名乗れるだけ」とも考えられます。 …

Google検索の計算でdp換算出してほしい

320px = xhdpi とかのワードでGoogle検索したら、他の四則演算や単位を検索した時みたいに dp を出してほしいなあ。 Googleが作ってるOSの単位なんだし。 Googleが実現するまで待ってられないので師匠が作った電卓使い続けます!! Dip Calc Mitsuo Takatori…

リバーサルフィルム

現像に出してたリバーサルフィルム受け取ってきた。 ポジフィルムとも言う。 リバーサルフィルム、最近の若い子(自分も27だけど、、)はほとんど知らなくて、実は今だからこそ新鮮に感じられたりするんじゃないかと思う。 こうやってモノとしてアウトプット…

上手いだけではだめ

昨日今日と会社ブログ用の下書きをえっちらおっちら書いててふと思ったこと。 自分は幸運にも本を2冊ほど書かせて頂きましたので、最近はあまり苦もなく文章をすらすら書けるようになりました。 また、人生で初めて読んだ小説は小学5年生の「機動戦士ガンダ…

Narrative Clip使い始めて3ヶ月経った。

アナログなカメラの話をした後にデジタルなカメラの話をするのもなんだか面白いですが、Narrativeを使い始めて3ヶ月と少しが経ちました。 Narrative Clip – a wearable, automatic lifelogging camera (追記:意外と欲しいという声が多くてびっくりしました…

ペイント剥がし

M4-Pの刻印を塗装用のうすめ液で剥がしている方がいたので、それにならってやってみた。 いい感じに主張が抑えられた。さすがにまだ赤丸は剥がせない。。 今日は昼休みと帰り道にCOLOR-SKOPAR 35mm F2.5 PIIを付けて撮ってみたけど、最近35mmが広く感じられ…

ライカ

そうそう買うことはないだろうなと思っていたけど、色んなタイミングが重なって一台のライカが手元に届いた。 Leica M4-P Black。 M4-Pと言えばライカの中では割と不運な機体で、主にドイツ製でないとか、前面の赤丸がダサいなんていうのが原因だったりする…

デザイナーの仕事の範囲

ってのがイマイチよくわからなくて、理想は0から100までトータルで監修して作って、ができることなのかなとか学生時代思ってたのだけど、社会に出てみると細やかに分業されてて、ディレクターというお仕事もあったりして、はてデザイナーの仕事とは何だろう…

NOKTON 58mm F1.4 SLII N買った

SIGMA 35mm F1.4とTOKINA 16-28mm F2.8をドナドナし、新しくNokton 58mm F1.4が加わりました。 このレンズは開放の写りと絞ってからの写りが全く違うことが特徴で、開放の柔らかい描写は色々と使い道がありそうで楽しみです。 東京蚤の市に行ったついでに適…

案件5つ超えたあたりから回ってた案件が止まって見えるらしい

元ネタ 年収800万超えたあたりから寿司が止まって見えるらしい — も (@2ab7) 2012, 2月 7

プロダクトデザインコースに決まって.doc

こないだ、外付けHDDの奥に眠ってる、大学時代に作ったデータがまとまってるフォルダを漁ってたら表題のファイルがあって、なんか面白かったのでブログにも貼ってみる。 背景としては、6年前(作成日が2008年4月1日だった)に書いたもので、うちの大学は3年次…

Dribbbleとかに投稿されてるUIアニメーションって本当に参考になるの?

久しぶりに終電で帰りまして、車内でインターネットしてたらこんな記事が目に入った。 モバイルアプリ制作に使いたい、ナビゲーションメニュースタイル5個まとめPhotoshopVIP | ああ、またそっち系かぁ。。などと思いつつ記事を読んでみたところ、予想通りア…

Designers Pit、2回目はAfter EffectsでUIプロトタイプを作ろうの回です。

3月に第1回目を開催したDesigners Pitですが、5月末に2回目を開催します! 【東京】Designers Pit 02「After Effectsを使ってプロトタイプを作ろう」 - connpass 【大阪】Designers Pit 02「After Effectsを使ってプロトタイプを作ろう」 - connpass ってい…

水平と垂直のおぼえかた

実はこのブログ、↓の記事への訪問者がいちばん多かったりする。 X軸とY軸のおぼえかた - よりぶろ たぶんプロトタイプ関連の記事よりも多い。ちょっと泣ける。 でもみんな苦労してるんだなあと思う。 で、これの亜種として「水平と垂直のおぼえかた」という…

Neue Grafik(ノイエ・グラフィーク)の復刻版が買えるようになったので購入したよというお話

まさか自分が生きているうちにこんな素晴らしいことが起こるなんてね… 今年はじめに偶然知った「Neue Grafik 復刻版発売」のニュース、それからほぼ毎日いつ買えるかいつ買えるかと心待ちにしていたのですが、ついに販売元のLars Müller Publishersで購入で…

レイアウト指示書いらずになるAdobeのProject Parfaitがいい感じ

UI

Adobeがデザイナーとエンジニアのコミュニケーションを円滑にしてくれるサービスのβ版をローンチしていました。 Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web プロジェクト名はParfait(パフェ)…

Origamiワークショップ終わりました & 資料公開

Designers Pit 第一回目、無事終わりました。 短時間の勉強会は久しぶりだったので、なかなか時間配分の勘を取り戻すのに苦労しましたが、なんとか?目標としていたゴールまでは辿り着けたんじゃないかと思います。 東京・大阪で開催した結果、バリエーショ…

くだらないドメインを取得したのでくだらないサイトを作った

そもそものきっかけは今年はじめの自分のツイート。 国別ドメインに .ai(アンギラ) ってあるから日本語ドメインと組み合わせて 名称未設定-1.ai みたいなアドレス作れるのかなと思ったけどそもそも日本語ドメインが .ai に未対応だから無理だった。 — Ryo.Yo…

Android WearのDesign Principle読んだ。

出ましたね、Android Wear。基本的にはスマートフォンと連携して通知を受け取るためのプラットフォームのようですね。 で、Design Principleもあるんだろうなーと思ってサイトを覗いてみたら、予想通りありました。 Design Principles of Android Wear | And…

Origamiのワークショップを東京・大阪で開催します

ブログでちょいちょい進捗状況をアップしていたOrigamiですが、なんとか基礎の基礎に自分が足をつっこむことができたので、今月末に簡単なワークショップを開催します。 簡単にわかるワークショップではありません。簡単なワークショップです笑(でも簡単に…

自分の好きなことが自分の才能になるかは分からないけど、自分の子供の才能に繋がる可能性は高いと思う。

なんかタイトルで全部言い切った感があるけど、最近そんなことを思う。 血筋だとか何とかっていうことよりも、親が興味のあるものに溢れている空間が家というものなのだから、そこで育った子供には、才能とまでは言えないかもしれないけど、それに小さい頃か…

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

前回からの続きで、ようやっとTwitterを参考にした習作ができた。 ちょっと作りは雑だけど ・画像のクロップ ・スクロールへの追従 が無事成功。 構成はこんな感じ。だいぶスパゲティになってきた。パッチが多すぎて一番下に置いたClearが見切れてる。 ちな…

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 …