nana

UIとUXを考えます。イラストも描きます。

nana

UIとUXを考えます。イラストも描きます。

マガジン

  • DENGENCAFE公式マガジン

    • 15本

    DENGENCAFE(電源カフェ)サイト、アプリのリリースのお知らせや電源カフェメンバーのnoteを配信します

記事一覧

色々なご報告

夏那です。お久しぶりです!! 2020年になって早いものでもう春ですが、これを機にいくつかご報告をしたいなとおもいnoteを更新します🚁 本当は3月中に投稿できればよか…

nana
4年前
42

デザインツールをSketchからFigmaに移行した話

夏那です🌝 先月iOS13新機能「ダークモード」が発表され、この波に乗るべく電源カフェもダークモードを実装する運びになりました。 それに伴い、色々あってデザインツール…

nana
4年前
22

サービスデザインを通して、「ペルソナの定義」について考察してみた

DENGENCAFEデザイナー 夏那です リリースから1ヶ月ほど経ち、様々な反響をいただけて嬉しい限りです! 先日都内の駅で電源カフェを使っている方を見たのですが、なんと…

nana
4年前
23

【DENGEN CAFE】デザインプロセスを理解して強くなった話

電源カフェ株式会社 デザイナーの夏那です。 電源カフェがリニューアルされました。 今回は私が担当した、DENGEN CAFE新プロダクトのUI設計のアレコレを書いていきたいと…

nana
4年前
262

DailyUI100日を終えて(再投稿)

※私の手違いで消してしまったため再投稿です (いいねや拡散していただいたのにすみません。。 夏那です。 6月20日に始めたDailyUIが先日やっとゴールインしました〜! …

nana
4年前
72

DailyUI#21~40

夏那です。DailyUI40までの振り返りです。 21「Home Monitoring Dashboard」 初めてiPad &XDを使ってデザインしてみました。 スマホと違い幅が広がるため、余白が多くな…

nana
5年前
28

DailyUIまとめ#011~020

夏那です。 前回の続き、#DailyUI 11〜20の振り返りです。 #011 エラーのシンボル「×」を目に、サクセスのシンボル「チェック」を口角に見立てて顔を作りました。色…

nana
5年前
18

DailyUIまとめ#001~010

夏那です。先月20日から始めていたDailyUIが10個目を突破したので、001~010の意識した点などを振り返ってみたいと思います。 時間などは特には計測していませんが、だ…

nana
5年前
36

ダイエットアプリで似たようなUIを作ってしまった話

夏那です。テスト三日前にして勉強の息抜きに始めたデザインにどっぷりとハマってしまいました。せっかく作ったのでnote更新。(´ω`) 今回モソモソデザインしたアプリは…

nana
6年前
13

黄金比さま

nana
6年前
6

電卓トレース

左がスクショ、右がトレース バックグラウンドカラーは真っ黒(#000000) ボタンの色は 灰色→#A6A6A6 オレンジ→#FF9600 ボタンのサイズは150×150 各隙間は全方位28pi…

nana
6年前
27

‪【ガールフレンド(おんぷ)/CyberAgent,Inc.】

ゲームデータDL中にアニメ流れた!👀‬

‪→長い時間でもあっという間に感じる‬
‪→ゲームの世界観とストーリーが大体わかる‬
‪→キャラのへの愛着が湧く‬

‪ゲーム系のUX初めて観察したけど感動した👏‬

nana
6年前
2

sketch学割購入できたらメルカリトレースするゾオ

nana
6年前
1

Mac book Pro 購入しました

夏那です。 1ヶ月間のpolcaが終了し、最終的に106人の方に139200円も支援していただけました( ; ; ) 本当にありがとうございました!! そして念願のMacを購入しました…

nana
6年前
23

お礼とこれからについて

こんにちは、先日polcaでUIUXデザインを勉強するためのMacを買いたい!と支援を募った女子高生です。 まず、本当にありがとうございました。 わずか数日で10万円という驚…

nana
6年前
18

【polca】デザインを勉強するためのMacが欲しい!

はじめましてこんにちは! 神奈川に住む高1女子です👧 今回polcaを始めました。このnoteの最後にリンクを貼っているので、読んでくださった方は覗いてみてください!! 私…

nana
6年前
3
色々なご報告

色々なご報告

夏那です。お久しぶりです!!

2020年になって早いものでもう春ですが、これを機にいくつかご報告をしたいなとおもいnoteを更新します🚁

本当は3月中に投稿できればよかったのですが、いや振り返りじゃなくてスタートの意味を込めて4月にしたら?いや4/1はエイプリルフールだからやめとけ、、とズルズル引きずって今になりました(TMI)

1、お前誰だ初めましての方は初めまして!忘れた方はぜひ思い出

もっとみる
デザインツールをSketchからFigmaに移行した話

デザインツールをSketchからFigmaに移行した話

夏那です🌝
先月iOS13新機能「ダークモード」が発表され、この波に乗るべく電源カフェもダークモードを実装する運びになりました。
それに伴い、色々あってデザインツールをSketchからFigmaに移行しました。
まだ使い始めて半月程度しか経っていないのですが、Sketchとの違いや気づきが多々あるのでnoteに書きとめたいと思います!

よければ最後までご閲覧ください〜

( 1 ) 以前までD

もっとみる
サービスデザインを通して、「ペルソナの定義」について考察してみた

サービスデザインを通して、「ペルソナの定義」について考察してみた

DENGENCAFEデザイナー 夏那です

リリースから1ヶ月ほど経ち、様々な反響をいただけて嬉しい限りです!

先日都内の駅で電源カフェを使っている方を見たのですが、なんともいえないエモエモさがありました。。

というのも、今までは一人で画面一枚を作っていたのみで実際に実装して動かすことなんか絶対になかったし、ましてやこうやって知人でない人が使っている現場に遭遇できたのは本当に感動しました><

もっとみる
【DENGEN CAFE】デザインプロセスを理解して強くなった話

【DENGEN CAFE】デザインプロセスを理解して強くなった話

電源カフェ株式会社 デザイナーの夏那です。

電源カフェがリニューアルされました。
今回は私が担当した、DENGEN CAFE新プロダクトのUI設計のアレコレを書いていきたいと思います。
このプロダクトを作り上げるに当たって色ーーんな壁にぶち当たりました。
それはもうすごい。なんかもう初期の私をぶん殴りたいぐらい。笑

そんな失敗談も交えつつ、楽しんで読んでいただけたらなと思います!

よろしくお

もっとみる
DailyUI100日を終えて(再投稿)

DailyUI100日を終えて(再投稿)

※私の手違いで消してしまったため再投稿です
(いいねや拡散していただいたのにすみません。。

夏那です。
6月20日に始めたDailyUIが先日やっとゴールインしました〜!

Twitterで日々アウトプットをしていたのですが、アドバイスや応援のリプを頂けることも多く、すごく嬉しかったです(;_;)
ありがとうございました😻

今回はDailyUIを終えて、感想、よかった点などをまとめますー!

もっとみる
DailyUI#21~40

DailyUI#21~40

夏那です。DailyUI40までの振り返りです。

21「Home Monitoring Dashboard」
初めてiPad &XDを使ってデザインしてみました。
スマホと違い幅が広がるため、余白が多くなって逆に難しかったです。
モックアップも自作のため、すごくダサい。。
アイコン自分で作れるようになりたいな!

22 「Search」
最近ハマっているヨルシカさんの検索結果を作りました。

もっとみる
DailyUIまとめ#011~020

DailyUIまとめ#011~020

夏那です。
前回の続き、#DailyUI 11〜20の振り返りです。
#011
エラーのシンボル「×」を目に、サクセスのシンボル「チェック」を口角に見立てて顔を作りました。色合いも見てすぐエラーが出たのか判断できるようにして、楽しくなるようにしました。
#012
シンプルかつ繊細なブランドのショッピング画面という設定で、画面内にできるだけ無駄な情報は入れたくないと思いました。サイズを選ぶときは

もっとみる
DailyUIまとめ#001~010

DailyUIまとめ#001~010

夏那です。先月20日から始めていたDailyUIが10個目を突破したので、001~010の意識した点などを振り返ってみたいと思います。
時間などは特には計測していませんが、だいたいリサーチで10~30分、作るのに30~70分ほどだと思います。(DailyUIのやり方や仕組みなどは他の方の記事をご参照ください!)
#001 「Sign up」
記念すべき第1日目のお題はサインアップ。
同じイベントや

もっとみる
ダイエットアプリで似たようなUIを作ってしまった話

ダイエットアプリで似たようなUIを作ってしまった話

夏那です。テスト三日前にして勉強の息抜きに始めたデザインにどっぷりとハマってしまいました。せっかく作ったのでnote更新。(´ω`)

今回モソモソデザインしたアプリはダイエットアプリです。
今まで長続きしたダイエットアプリがなかったため(好きなUIじゃなかったからだと信じ込む)自分なりに作ろうと思いました。

しかしカレンダーのデザインに入ろうとしたところで、既に似たようなデザインのアプリがリリ

もっとみる
電卓トレース

電卓トレース



左がスクショ、右がトレース

バックグラウンドカラーは真っ黒(#000000)
ボタンの色は
灰色→#A6A6A6
オレンジ→#FF9600
ボタンのサイズは150×150
各隙間は全方位28pixel

/気づいたこと/

●0のボタンは縦150×横300のRを3つ用意して、1つは規則正しい位置に配置し、両隣に2つを2pixelずつずらして配置する
→形は既存のshapeをそのまま使うだけで

もっとみる

‪【ガールフレンド(おんぷ)/CyberAgent,Inc.】

ゲームデータDL中にアニメ流れた!👀‬

‪→長い時間でもあっという間に感じる‬
‪→ゲームの世界観とストーリーが大体わかる‬
‪→キャラのへの愛着が湧く‬

‪ゲーム系のUX初めて観察したけど感動した👏‬

sketch学割購入できたらメルカリトレースするゾオ

Mac book Pro 購入しました

Mac book Pro 購入しました

夏那です。
1ヶ月間のpolcaが終了し、最終的に106人の方に139200円も支援していただけました( ; ; )
本当にありがとうございました!!

そして念願のMacを購入しました!(その節は木村さんありがとうございました🙇‍♀️)

すごく使いやすく、これから勉強していく上でのモチベーションアップにつながっています。
このMacを最大限活用して、自分のデザインの幅を広げていきたいです

もっとみる
お礼とこれからについて

お礼とこれからについて

こんにちは、先日polcaでUIUXデザインを勉強するためのMacを買いたい!と支援を募った女子高生です。

まず、本当にありがとうございました。
わずか数日で10万円という驚くべき額を約90人の方々から支援して頂けて、ありがたく思う反面、少しのプレッシャーというものも感じまして、これからの活動に向けてじっくり考えることが出来ました。

polcaでも掲載させて頂いた通り、今回私がここまでご支援を

もっとみる
【polca】デザインを勉強するためのMacが欲しい!

【polca】デザインを勉強するためのMacが欲しい!

はじめましてこんにちは!
神奈川に住む高1女子です👧
今回polcaを始めました。このnoteの最後にリンクを貼っているので、読んでくださった方は覗いてみてください!!

私は今UIUXデザインを勉強中です。
きっかけは昔から絵を描いたり何かをデザインすることが好きで、そういった職業に興味があったのと、昔から自分の使うアプリが、機能性は好きだけどデザインが嫌いだから使わないというものが多く、現状

もっとみる