よりぶろ

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

iOS 7とフラットデザインについての本を書きました。

ということで、今年の8月から執筆を進めていた本が出版となりました。 タイトルは「iOSフラットデザインの作法」です。 iOSフラットデザインの作法 作者: 泉本優輝,吉竹遼,津守優 出版社/メーカー: 秀和システム 発売日: 2013/11/30 メディア: 単行本 この商…

今週末に埼玉で写真撮影講座やります。

Facebookとかで何回か宣伝してるかもだけど、今週末に埼玉でプロのカメラマンさんをお招きして写真撮影講座を行います。 主催は、僕が参加している勉強会団体 designFocus です。 dF Lounge #5 デザイナーのための写真撮影講座 | 集客ならイベントアテンド …

UIデザイン Advent Calendar作りました。

去年もやりましたが、今年もやります! ちなみに去年は一人でやりましたw 今年は Adventar というサービスで作ってみましたよ。 UI Design Advent Calendar 2013 UI デザイナーだと限られてしまうので、UI デザインにしました。 果たして今年は一人でやるこ…

PNG EXPRESS 2.0.1 を試す

UI

これまでも何回か紹介している PNG EXPRESS ですが、先日ついにメジャーアップデート版の 2.0.0 が公開されました。 目玉はエクスポート機能の拡大で、なななんと Android 版のパーツ書き出しを解像度ごとに出力してくれるとのこと。Adobe Generator も Slic…

UIデザイナー必携のPhotoshopエクステンション3つ(PNG EXPRESS / SpecKing / SPECCTR)を使い比べてみる

突然ですが、皆さんはレイアウト指示書、好きですか? レイアウト指示書とは、デザイナーが開発メンバーにパーツと一緒に渡すドキュメントです。「このパーツとこのパーツの間は10px」とか「このフォントサイズは 34pt でカラーは…」みたいなレイアウトの詳…

自動化されたユーザーインターフェイス -TickとSpark-

今日、立て続けにあるテーマを内包したアプリを見つけたのでメモ。 ゆってもタイトルでネタバレしてますけどね。 個人的に興味のある「UIの自動化」が実装されたアプリの紹介です。 Tick Tickは言ってしまえばどこにでもあるようなToDoアプリですが、環境光…

モバイルアプリのデザインカンプにおけるレイヤー構造とリソースのネーミング

UI

がおおむね自分の中で固まってきたので晒してみる。 皆さん、デザインデータ作る時ってちゃんとレイヤーの階層とかネーミング、意識されてますか? 僕は入社時はそれはもうひどいもので、師匠に「吉竹さんのPSDデータ汚い…」と割と真顔で言われるほどでした…

Marvel - Dropboxと連携して使うプロトタイピングサービス

もう正直Flintoでいいだろ、と思いますが、プロトタイピングツール収集家の僕としてはひとまず紹介したかったので。 MarvelはDropboxアカウントと連携することでプロトタイプが作れるWebサービスです。 特徴としては ・無料 ・PNG / JPEG のみならず、PSDやA…

iOS 7のトグルスイッチにシャドウがかかっている理由

iOS7はフラットデザインではない そうそう、何故かトグルスイッチだけドロップシャドウついてるんですよね。 これ、不思議だなーと思ってました。他のボタンて大概影無くなってるのに、なんでこいつだけ? 最初は、iPod Shuffleのボタンからきてるって噂だっ…

(備忘録)最近気になるデザイン系の書籍

Keep It Simple – The Early Design Years of Apple “Keep It Simple” is the story of Steve Jobs’ quest in the early 1980s to bring a radically new design language to the historically desert-dry sensory experience of computer technology. との…

プロトタイピングツール Briefs 入門 第2回目『アセット・ホットスポット・スクロール領域』

モバイルアプリ用のプロトタイピングツール Briefs 入門 2回目です。 Briefs ってなんぞやとか、簡単な使い方は 1回目 をご覧ください。 2 回目…っつーかもはや最終回なんですけど、は残りの便利機能「アセット」「ホットスポット」「スクロール領域」、その…

プロトタイピングツール Briefs 入門 第1回目『新規作成・ボタン配置・画面遷移』

来週社内で Briefs の勉強会を突発的にやることにしたんですけど、上司から「俺その日BD休暇(誕生月は1日有給が貰える)なんだよね…」という切ないメールが来たので、せっかくなので備忘録も兼ねて これ読めばなんとかなるよ的な記事を集中的に短期連載しま…

X軸とY軸のおぼえかた

みんなもこうやって覚えたよね!? なんでXが縦じゃなくて横やねんというツッコミはあるけど。でもYは形の流れが縦だよね。 ちなみに僕は大学3年くらいまでX軸とY軸、どっちがどっちかよく迷ってました… 追記:水平と垂直のおぼえかたも書きました!

Briefs が 1.1 にバージョンアップして機能強化されたので紹介してみる。

最近 Briefs が 1.1 にバージョンアップしてすごく良くなったのに誰も話題にしてないっぽいので、布教活動も兼ねて紹介したいと思います。 Briefs は iPhone / iPad 用のプロトタイピングツールです。 プロトタイピングツールというのは、簡単に言うと用意さ…

Nokia Asha 501 レビュー

イエーイ買ったぜー ということで、Nokia Asha 501が届いたので軽くレビュー。 外箱と中身はこんな感じ。パッケージデザインは最近のNokia端末を踏襲してますね。 比較対象に iPhone 4 置いて見たけど、縦が少し短くて横が少し太いって感じ。 箱の内訳はこん…

UIデザイナーになって2年が経ちました。

すごい中途半端な時期ですが、モバイルアプリケーションのUIデザイナーとして働き始めて、今日で丸2年が経ちました。 明日から3年目突入です。早いな―と思うと同時に、まだまだ2年かーという思いもあります。 べつにたかだか2年過ごしただけでドヤドヤ言うつ…

PHOTOSHOP CS5 FILTERS ANIMATION

<iframe src="http://player.vimeo.com/video/65303694?color=bababa" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> うおおこの手があったか!!素晴らしい… http://www.triangulationblog.com/2013/07/photoshop-cs5-filters-animation.html

Google Abstraction

design heart love love (2) war forest 久しぶりに中学生みたいな Photoshop の使い方した。 Google の検索結果にフィルターをかけただけなんだけど、結構楽しかった。 (design だけ Web検索の結果ページ)

そう、ヤツの名は Mr. Jingles

今週の頭くらいに突然、こいつは Google の通知画面に出てきた。 なんだ、こいつは!お前誰だよ。きっとみんながそう思った。少なくとも僕は全力でツッコんだ。 しかも こいつ 肝心の通知がある時には出てこねぇ…!なぜだ…なぜなんだ…… しかも こいつ クリッ…

Google Visual Assets Guidelines

UI

http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-2/9084309 インターネットをさまよってたら見つけた。 昨今のGoogleのブランディングはとても整理整…

PNG EXPRESS - Photoshopでレイアウト指示書を作成する拡張機能

http://www.pngexpress.com/ シェアウェアなので試せていませんが、 ・レイヤー名のルール付けがめんどくさそう ・数値に修正が入った時にまた作成し直すのかな?(でもテキストだから簡単かも ・効果を込みで数値を出してくれるのかな? ら辺が気になりまし…

デザイナーがプロトタイプ作るんだったら Flinto がいい感じ。

https://www.flinto.com/ これまでいくつもプロトタイピングツールは見たり試したりしていたのだけど、最大の不満点が「NavigationBar / ToolBarのエリアを指定して、そこ以外をスクロールさせたい」だった。 Flintoだとそれがいとも簡単に実現できて、ちょ…

Firefox OS の UI ガイドライン

そういえばこないだ Keon 届きました。 https://marketplace.firefox.com/developers/docs/ui_guidelines まだ全部読んでない & Google 翻訳でざっと読み程度だけど、原則のところではちゃんと ・一貫性を持たせる ・手がかりとフィードバックを提供する ・…

http://flypixel.com/

http://flypixel.com/ 割とモバイル用の UI パーツも揃ってる。

あの BRAUN の電卓が復刻ですよ!プレオーダーも開始。

iPhone の電卓アプリの元になったことでも有名な伝説的プロダクト、BRAUN のET66。 復刻版が出ることは以前から知っていましたが、ついにプレオーダーが開始されました。 http://www.vettedshop.com/collections/accessories/products/braun-bne001-et66-cal…

最近見つけた面白そうなデザイン本

またふらっと Amazon でいくつか見つけたのでメモ。 色彩の学校 -色彩論とデザイン原理を探り、表現するための50の実験- ニューヨークのスクール・オブ・ビジュアル・アーツの基礎コース「視覚言語の原理」のカリキュラムが本になりました。 「遊び=学び」の…

今宵堂の酒器

たまには UI デザインとは関係のない話でも。 我が家で日本酒を出す時は一緒に酒器もお出しするのですが、これがけっこう、いやかなり評判がいい。 いつか紹介しよう紹介しようと思っていたのですが、これらは今宵堂さんという制作工房で作られた酒器です。…

モバイルフロンティア

Amazonで予約してたモバイルフロンティアが届いた。 まだ序盤しか読んでいないけど、なんとなく感覚でわかっていたことがちゃんと文章化されてて、ところどころで腑に落ちるのが楽しい。 第 1 章で、モバイル UX はフロンティアであり、そこに挑む者たちはロ…

Facebookのブランド情報ページが新しくなったのでいろいろ眺めてたらほっこりした。

たまたま仕事で使う用事があったのでFacebookのロゴを探してたら、 いつの間にかブランド情報ページが新しくなってた。 https://www.facebookbrand.com/ (前もこのURLだったっけ?) あれ?確か1週間くらい前までは、新ロゴの600x600pxのpngファイルくらいし…

おんなごころ

先日、母校にお邪魔した際に恩師に「女心わからんすわー」って言ったら 「女心がわかったら終わりだよ(=世の中の全部がわかっちゃうくらいだよ)」 って言われたので少しホッとした。 最近少し思うのは、結婚したら大なり小なり障害は起こるもんなんだよね…