Takuya Ui Design
自分は毎日UIやWEBのデザインを仕事で製作し、勉強を重ね、アーティスティックな分野にも挑戦しています。せっかくなので、今回は自分が作ってきたUIデザイン、そしてそのデザインのアイデアを発信します。

Every day I work on UI and web design at work, repeat my studies, and try into artistic fields. This time, I will send out the UI design I have created and the idea for that design.
旅行履歴管理アプリ
Travel history management app
このアプリは自分がヨーロッパに旅行した時に思いついたものです。旅行先で撮った写真や食事先、移動時間などが残せたらいいなと感じ、デザインしてみることにしました。

This app was conceived when I traveled to Europe. I decided that I wanted to leave a photo taken at a travel destination, a meal destination, moving time, etc., and decided to try designing.
ホーム画面では友達の旅行履歴も見ることができ、「日時」「サムネイル」「場所」「旅行した人々」「天気」が表示されています。天気をわかるようにしたのは「情緒」がいいと感じたからです。ですが、1つ失敗しました。旅行者のアイコンが分かりにくいことです。一目で何なのか理解しずらくなっています。
旅行写真のサムネイルをタップすると旅行の詳細が確認できます。旅行の日記も掲載できて、さらに「家からの移動時間」「写真枚数」「食事回数」「主な移動手段」がわかります。

You can also view your friends' travel history on the home screen, and you can see "Date and time", "Thumbnails", "Location", "People who have traveled", and "Weather". I made it possible to understand the weather because I felt that "emo" was good. But one failed. It is difficult to understand the icon of the traveler. It is difficult to understand what at a glance.
You can check the details of the trip by tapping the thumbnail of the trip photo. You can also post a travel diary, and you will know "travel time from home," "number of photos," "number of meals," and "main transportation".
写真はクラウドに残そうと思って、共有もできます。プロフィールには「旅行回数」「総写真枚数」「フォロー・フォロワー」が表示されて、今までにいった旅行先が表示されます。可愛くないですか?自分は使いたいなと思っていますが、デザインの時点で飽きました。

You can share photos as you wish to leave them in the cloud. In the profile, "the number of trips", "total number of photos" and "follow followers" are displayed, and the travel destinations that have been visited are displayed. Aren't you cute? I want to use myself, but I got bored at the time of design.
デザイン買取アプリ
Design Purchase App
デザイナーの友達がUIデザインを勉強したいというので、何か作ってみようと一緒に作ってみたものがこれです。

Since the designer's friends want to study UI design, this is what I tried to make together.
ホーム画面ではピックアップ&おすすめが表示されます。画像を大きく表示しているのはデザインしたものを大きく表示したいと思ったからです。小さく、たくさん表示するUIも考えましたが、そのデザインを買いたいと思った時にじっくり1つづつ見れた方が優れてると思いました。デザインのタイトルと金額、いいね数やコメント数などが表示されます。詳細ページでは使用ツールなどが表示されています。
ですが、このアプリはダメです。1時間で作成したので、UIがあまり優れているとは思えません。雑に作りすぎました。

Pickup & recommendations are displayed on the home screen. The image is displayed in a large size because I wanted to display the design in a large size. I thought of a UI that was small and a lot to display, but I thought it would be better to be able to see one by one when I wanted to buy that design. The title and amount of the design, the number of likes and comments, etc. are displayed. The details page shows the tools used.
But this app is not good. I created in one hour, so I can not think that the UI is very good. I made too many things.
③高校生のためのクラウドファンディングアプリ
Cloudfunding app for high school students
自分の友達が高校生のためのクラウドファンディングアプリを作っています。ですが、デザインが弱かったのででつだってあげることにしました。ですが、ただ自分が作りたかっただけです。

My friend is making a crowdfunding app for high school students. However, the design was weak, so I decided to give it up. But I just wanted to make it.
まずは信頼性や大衆向けといった観点から大人っぽい青色をメインカラーにしました。元々はビビットな青色を使っていたんですが、色を落ち着かせた方が男女問わず使ってもらえると思いました。ですが、10分くらいで作ってしまったので、詳細ページが雑すぎますね。ですが、これからも手伝っていくつもりなので、改良はしていくつもりです。

First of all, the main color is an adult-like blue from the viewpoint of reliability and mass market. I used to use vivid blue originally, but I thought that it would be better for men and women to settle the color. However, I made it in about 10 minutes, so the detail page is too dirty. However, I will continue to help in the future, so I will improve it.
④アルバイト発見アプリ
Part-time job discovery app
この時、自分はアルバイトを探していました。せっかくなのでデザインを作ろう、と思ったので作りました。

At this time, I was looking for a part-time job. I made it because I thought I would make a design.
Uber eatsを使って、このUIデザイン良いなと感じました。だからデザインを真似ました。ホーム画面では、「おすすめ」、「人気」「お気に入り」のアルバイトが見ることができます。ですが、雑に作りました。途中で飽きたんです。このころの自分はデザインを作ってる途中に飽きることが多かったです。だからこそたくさん作っていましたが。

I felt that this UI design was good using Uber eats. So I copied the design. On the home screen, you can see part-time jobs of "Recommends", "Popular" and "Favorites". But I made it miscellaneous. I got bored on the way. At this time I often got bored while making designs. That's why I made a lot.
⑤ 合コンアプリ
singles party app
これは友達と遊んでいる時に何かUIデザインをしてみようとなり、作ったものです。友達に差をつけたかったので、ダークテーマも作りました。ホーム画面では、おすすめの相手や、現在注目されているイベント、そしてモテるための記事などが掲載されています。
そしてマッチングアプリのようにスワイプで合コン相手を探すこともできます。面倒臭かったのでボタンは2つしか作っていませんが、これで良かったと思っています。相手の詳細ページでは参加予定のイベントやプロフィールが確認できます。

This is something I tried to do some UI design while playing with my friends. I wanted to make a difference from my friends, so I made a dark theme. On the home screen, you can find recommended people, events that are currently focused on, and articles for exciting things.
And you can also search for a partner with swipe like a matching app. I made only two buttons because it was troublesome, but I think it was good. You can check the event and profile that you plan to attend on the other person's detail page.
自分は基本的にAdobe XDのみでデザインを作っています。もちろんコーディングはしますが、デザインツールはAdobe XDだけで完結させてます。
気に入ったならグッドよろしくお願いします。

I basically make designs only with Adobe XD. Of course I do coding, but the design tool is completed only with Adobe XD.
Please Good if you like it.
Takuya UI Design
Published:

Takuya UI Design

自分は毎日UIやWEBのデザインを仕事で製作し、勉強を重ね、アーティスティックな分野にも挑戦しています。せっかくなので、今回は自分が作ってきたUIデザイン、そしてそのデザインのアイデアを発信します。 Every day I work on UI and web design at wor Read More

Published: