Kengo/WCM

WCM運営

Kengo/WCM

WCM運営

記事一覧

ラインスタンプ作りました!大好きな猫にしました。

去年、時間が余ったのでペンタブを購入してラインスタンプを作りました! 作ってみて気付きましたが、ラインスタンプは世の中に出るまでにとても手がかかり、分かりづら…

Kengo/WCM
4年前
4

新しい作品:夜景スポット紹介サービスのUIデザイン!

久しぶりの投稿になります。 新しい作品が出来ました。cocodaで、デザインの4原則を学び様々なアプリのUIトレースを繰り返して、記念すべき初めてのオリジナル作品になり…

Kengo/WCM
4年前
1

UIデザイン:バイト一覧ページを作りました(2)

今日は、コントラストを意識してバイト一覧ページをデザインしました! 背景を灰色にするだけで、格段に見やすくまたタップする場所が明確になりました。バイトカードはシ…

Kengo/WCM
5年前

反復を使ってUIデザイン!バイト一覧ページを作りました。

今日は、反復を使ってバイト一覧ページを作りましたー。 Adobe XDのリピーターグリッドの便利さに感動しました。操作もだいぶ慣れてきて、感覚がだいぶ掴めてきました。 …

Kengo/WCM
5年前

UIデザイン:整列を意識してログインページを作りました。

今日は、整列を意識して簡単なログインページを作りました。かかった時間は30分と短く比較的簡単に形にすることが出来ました!! また、友達の勧めもありAdobe XDを体験…

Kengo/WCM
5年前
3

近接を使い、イマイチなUIを改善してみた(EC 商品ページ)

今日は、ECサイトの商品ページを近接を意識してデザインしてみました。作ってみた結果、行間の少しのズレだけでも印象や見やすさが変わってしまうということがわかった。 …

Kengo/WCM
5年前
1

初めてのUIデザイン

右も左も分からないまま始めたUIデザインの勉強、今まではHTMLやCSSなどをゴリゴリ書いていましたが、何かが足りないと思いUIについて調べていざ学んでみると、それはもう…

Kengo/WCM
5年前
4

ラインスタンプ作りました!大好きな猫にしました。



去年、時間が余ったのでペンタブを購入してラインスタンプを作りました!

作ってみて気付きましたが、ラインスタンプは世の中に出るまでにとても手がかかり、分かりづらいんですよ(改善できるとこだらけ・・)

語尾にニャとつけるのもポイントw

別パターンも作らないとスタンプで返事ができませんもんね・・

一個一個作るのは意外と大変だなーと感じました。

手作り感があって良いでしょう?

まぁなんとあ

もっとみる
新しい作品:夜景スポット紹介サービスのUIデザイン!

新しい作品:夜景スポット紹介サービスのUIデザイン!

久しぶりの投稿になります。

新しい作品が出来ました。cocodaで、デザインの4原則を学び様々なアプリのUIトレースを繰り返して、記念すべき初めてのオリジナル作品になります!

今回は、企画からデザインをやりました。(気が向いたらコードを書いて動くサービスにしたいと思いますw)

ペルソナ年齢:20〜30代 

性別:男性 

職業:サラリーマン 

性格:ロマンチスト、気遣いができる、こだわり

もっとみる
UIデザイン:バイト一覧ページを作りました(2)

UIデザイン:バイト一覧ページを作りました(2)

今日は、コントラストを意識してバイト一覧ページをデザインしました!

背景を灰色にするだけで、格段に見やすくまたタップする場所が明確になりました。バイトカードはシンプルですが結構お気に入りですw

それでは、作品を見ていきましょう!!!

これで、デザイン4原則を意識したUIが終わりました。これまでやって来た内容を応用して1つの作品を作っていきたいと思います。

反復を使ってUIデザイン!バイト一覧ページを作りました。

反復を使ってUIデザイン!バイト一覧ページを作りました。

今日は、反復を使ってバイト一覧ページを作りましたー。

Adobe XDのリピーターグリッドの便利さに感動しました。操作もだいぶ慣れてきて、感覚がだいぶ掴めてきました。

思い通りのデザインができるまで精進していきたいと思います!ビシッ

では、作品を見ていきましょう!!

今回はかなり納得いくデザインが出来たと思います。ちょっとバイトカードのマージンが広すぎたかなと思いましたが、これもきっと味で

もっとみる
UIデザイン:整列を意識してログインページを作りました。

UIデザイン:整列を意識してログインページを作りました。

今日は、整列を意識して簡単なログインページを作りました。かかった時間は30分と短く比較的簡単に形にすることが出来ました!!

また、友達の勧めもありAdobe XDを体験版から正規版に変更しました〜

それでは作品を見ていきましょう!

よかった点は、ショートカットキーなどを使いこなし、操作が慣れてきたので時間がはじめと比べると短くなりました。

悪かった点は、やはりマージンにバラツキがまだあるこ

もっとみる
近接を使い、イマイチなUIを改善してみた(EC 商品ページ)

近接を使い、イマイチなUIを改善してみた(EC 商品ページ)

今日は、ECサイトの商品ページを近接を意識してデザインしてみました。作ってみた結果、行間の少しのズレだけでも印象や見やすさが変わってしまうということがわかった。

それでは今日作ったデザインを見ていこう

基本的な字の大きさ太さは出来たが、空間をうまく使い切れなかった気がしたので、次からは意識していきたいと思います。

やっぱりUIデザインは楽しいと実感した。次回は、デザイン4原則の整列をやってい

もっとみる
初めてのUIデザイン

初めてのUIデザイン

右も左も分からないまま始めたUIデザインの勉強、今まではHTMLやCSSなどをゴリゴリ書いていましたが、何かが足りないと思いUIについて調べていざ学んでみると、それはもう楽しくて楽しくてハマってしまいました。

今日はECサイトの商品ページのUIを作りました。

工夫した点は、全体的な見やすさとカラーとサイズ選びで選択している部分の枠を付けたところです。

ユニクロのアプリをモデルにしました。これ

もっとみる