SJB

UX向上やUIデザインに興味があるフロントエンドエンジニアです。

Daily UI 3. Setting についての話

設定画面は情報がごちゃつきやすい印象があります。情報をなるべく分類し、説明を追加することでどこで何ができるか伝わるように作ってみました。簡素です。簡素…だけどリストはこれくらいに留めたい。成果物アプリの設定画面でよく見るAboutやHelpはここには含めたくないなと思ったので入れていません。設定画面の情報を整理する設定画面でよくある機能は大まかに以下のものが挙げられると思います。アプリの環境設定アカウントに関する設定マイクロサービス的なアプリに

Daily UI 2. User Profile らへんの話

Daily UI二回目です。今回はDay 006のお題『User Profile』に取り組みます。前回まではなんとなく FigmaのFrameを入れ子にしてはいけないんじゃないかという先入観があってAuto Layoutに苦戦していましたが、今回はFrameで細かくグルーピングして整列させていたので大分さっさと作れるようになりました。成果物参考にしたUIクラシルインスタと同じようなUIに設定画面への導線とシェアのアイコンがあります。編集画面はオーバーレイでフォーム

SJB

2年前

1
Daily UI 1. Sign Up とかの話

UIデザインの知見を深めるのとFigmaの練習のために、Daily UIをやることにしました！毎日は無理なので気が向いた時にやります！完走はしたい。最初のお題は『Sign Up』です。成果物FormのInputやButtonはFigmaのMaterial Design UI kitから引っ張ってきましたがまだFigmaの使い方に慣れていません。 AutoLayoutでスッキリ整形できたのは良かった。 marginとpaddingを自在に操れていないんだけどSpace

SJB

2年前

2
フロントエンドエンジニアがデザイナーとの出会いと別れを経験したときの話

この記事は「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア」の18日目のものです。はじめに私は現在事業会社でフロントエンドエンジニアとして働いています。フロントエンドエンジニアとして働き始めたのは今の会社からで、UIデザイナーとの協業も今回が初めての経験でした。前職ではデザインが必要な場合があったとしてもそれは完全に外注で、デザイン資産は全て自身の至り知らぬところで完成していました。しかもその発注したデザインはメンテナンスを必要とするものではあり

SJB

2年前

11