Life is bitter

日常生活で考えたことやデザイン・写真・インテリアをはじめとした役に立ちそうな知識をまとめて記しています。

エラー設計時に気をつけたい当たり前なポイント

f:id:life-is-bitter:20180820012131j:plain

サービスを作っていて必ずぶち当たるエラー設計。
デザイナーがエラーに関して全て洗い出せてそれぞれに対してUIを作り、エンジニアへばっちり共有できたらいいな〜と思ってエラー設計時に気をつけておきたいポイントをまとめてみました。

が、書き出してみると当たり前なことしかなくて笑ってしまったのですが実際に設計していると抜け漏れてしまうものもあるのでチェックリスト的な用途で見ていただければ。

続きを読む

オリジナルフォント『Mollis Sans』をリリースしました

f:id:life-is-bitter:20180810033814j:plain

デザインの一要素として大きな影響を持つ「文字(タイポグラフィー)」。
フォントが好きだと言いつつ自分でフォントのひとつも作ったことがないのは文字への愛が足りてないのではと思いまして、ふとオリジナルフォントを制作してみました。

最初は特にリリースする予定もなく自分の制作案件などでいつか使えればくらいの心構えでしたが、せっかくならということで公開することにしました。

続きを読む

自由気ままに2泊4日ローマ弾丸ひとり旅

f:id:life-is-bitter:20180623140543j:plain

5月の終わりと何でもない時期ではあるのですがローマへとひとり旅をしてきました。
というのもゴールデンウィーク分の休みをずらして取ることができたので、4日間しかないけどこれはすかさず海外旅行チャンスでは!?と判断して行ってきた次第であります。

パリ、バルセロナ、ローマ、モロッコと行きたい場所はいろいろあったのですが、ここ数年ずっと行ってみたかった美食と歴史の街ローマをチョイス。今回も旅行記を雑にまとめてみました。

続きを読む

DailyUIを100日間継続してよかった6個のこととアドバイス

f:id:life-is-bitter:20180617133110j:plain

今年の2月からはじめたDailyUIですが、先日ついに100日目まで完走することができました
メールで送られてくるお題に対して毎日(平日のみ)UIを作り続けるという取り組みであるこのDailyUI、TwitterやDribbbleで様子を見ても100日目まで完走しきった人はなかなかいないので三日坊主である自分がここまでこれたのは感無量というものです。

続きを読む

エンジニアにダメ出しされたUIデザインでおさえておきたいポイント

f:id:life-is-bitter:20180426115829p:plain

正直なところこの半年ほどの開発を遡るにあたり、要件やワイヤーをもとにUIを組んでみていざエンジニアに実装お願いします!と依頼してからシュッとそのままOKが出ることはあまりありませんでした(最近はどうだろう)。

transitkixさんの「つよいUI」については知っていたのですが、実際にプロダクトを開発していくとこの「つよいUI」であるための視点だけではちょっと抜け漏れがあったりして、考えるべきこと・着目すべき点はたくさんあるなあと実感する毎日です。

幸い、弊社のエンジニア陣は皆UI/UX的な視点も持っているため実装をお願いする前に必ずレビューしてもらうようにしているのですが、ここで抜け落ちているところが出るわ出るわ。今回は「つよいUI」の視点とも被りますがこれまでの開発でエンジニアにダメ出しされた、UIをデザインしていく上で(主に私が)抜け落ちてしまいがちだったポイントをまとめてみました。

プロダクト開発初期の0→1フェーズでプラットフォームはWEB、まだUI設計はかじりはじめたよ〜というスキル感のデザイナーに特に読んでほしいですね。ベテランプレイヤーの方々はそうだよね〜くらいの感じでさらっと読んでいただけると。

続きを読む

Adobe Typekitでこれだけは入れておきたいフォント10選

f:id:life-is-bitter:20180421122952p:plain

Adobeからサブスクリプションのフォントライブラリとして提供されている「Adobe Typekit」ですが、Adobe Creative Cloudを契約している人はサービスとして含まれているので利用している方も多いのではないでしょうか(特にデザイナー)。

数はそこまで多くないですがモリサワやフォントワークスの日本語フォントも利用できるため画期的だよなと前々から思っていました。しかし、つい最近改めてTypekitで扱っているフォントをチェックしてみると見てないうちに欧文書体がかなり充実しているではありませんか!

もっと実務で使えるようなかわいいイケてる欧文書体が増えないかな〜と少々不満に思っていたので、この充実度合いに気づいて思わずTypekitでリリースされている欧文書体を全てチェックしてしまいました。

ということで今回は実務でもガンガン使っていけそう(汎用性が高そう)で良さげなフォントを独断と偏見で10個選んでみました。本当は10個どころではないのですが、Typekitでは1ユーザーが利用できるフォントの数に上限があるので「これはマストでしょ!」というものだけピックアップしました。

続きを読む

DailyUIを通じて得た知見ログ #011〜050

f:id:life-is-bitter:20180410205747p:plain

2ヶ月半ほど続いているDailyUIですが、ようやく折り返し地点の#050まできました。
前回のDailyUIのようにひとつひとつちゃんと解説(感想)をしていこうかとも思ったのですが、かなり冗長になってしまうのとルール上全てが良いクオリティで作れたわけでもないのでピックアップしていきたいと思います。

また、Sketchファイルの構造やFramer・After Effectsでどう動きを実装しているかについてオープンにすれば誰かの参考になるかなと思い、GithubでいくつかのSketchファイル・Framerフォルダ・Aeプロジェクトを公開することにしました。もしよろしければこちらも覗いてみてください。

前回のDailyUIログはこちらから。

続きを読む

DailyUIを通じて得た知見ログ #001〜010

f:id:life-is-bitter:20180217160011p:plain

DailyUIというものをはじめました。
Daily UI Design Challenge, Design Resources, Design Inspiration

このサイトにメールアドレスを登録すると毎日(平日のみ)UIデザインのお題が届いて、それを自分なりに解釈してデザインするというチャレンジです。
お題はなんと100個もあり、無事に完走できればUIデザインの基礎力と持久力が身につきそうだと思い、始めました。
毎日お題に沿って作ってはアウトプットのみTwitterに投稿しているのですが、思っていた以上に得られる気付きがあったので10個を区切りとして記事にまとめていこうと思った次第です。

続きを読む

大学院を中退して株式会社HERPへジョインしました

f:id:life-is-bitter:20171219020823j:plain

ご無沙汰しております。人生、3ヶ月もあるといろいろ考えいろいろ行動するもので、気付いたら大学院をやめて新卒(?)でUXデザイナーとして働くことになりました。
さらっと大きい選択をしたのですが、せっかくなので経緯や自分の気持ちなどを整理してみたいと思います。

続きを読む

Clickableなボタンであるためのあれこれ

f:id:life-is-bitter:20170904165014j:plain

最近、UIデザインをしていく中でClickableな(クリックできる)ボタンのアフォーダンスについて悶々と思考を巡らせてしまいます。

「果たしてこのボタンはクリックできるものだと認識してくれるだろうか?」「う〜んギリギリ認識してくれるか…?」という自問自答にはじまり、「そもそもこれボタンに見えるのか?」「ボタンっぽいコンポーネントだけどこの機能の中ではクリックできる(すべき)ところではないんだよな...」などなど思考の沼にはまりながらUIデザインをしています。

いま手がけているのはPC向けのUIなのでもちろん入力インターフェースはマウスであり、Clickable or notがユーザビリティに直結するのですが、今回はClickableなボタンであるために必要なことを自分用に整理してみました。

続きを読む