Image for post
Image for post

重新設計 Pinkoi 註冊登入頁

非官方設計,純粹自我練習

00nyrhtak
00nyrhtak
Apr 18, 2018 · 6 min read

總之,別忘記註冊登入流程的原則:簡易快速。


以下先列出在各個頁面我看到的問題:

Image for post
Image for post
沒辦法一次看到所有的登入方式
Image for post
Image for post
Image for post
Image for post
密碼條件用警告對話框 (Alert Sheet) 交代
Image for post
Image for post
Medium 的註冊頁面和確認頁面
Image for post
Image for post
登入頁和註冊頁的 input、button 樣式沒有統一

重新設計以後

Image for post
Image for post
註冊登入頁
Image for post
Image for post
註冊頁
Image for post
Image for post
登入頁
Image for post
Image for post
tab bar
Image for post
Image for post
icons
・網格參考自 Google Material Design Icons
・Illustrator 像素相關設定和眼睛畫法參考自 How to Create 10 Common Icons

最後再對比一下新舊頁面

Image for post
Image for post

對於本文有任何建議、回饋,或者你認為有更好的設計方式都歡迎在底下留言噢,也可以透過我的 Facebook 聯繫我:)

By AAPD — As A Product Designer

馬上訂閱 AAPD 接收最新 UI/UX/產品設計相關知識文章吧! Take a look

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

00nyrhtak

Written by

00nyrhtak

先好好過生活,才能好好做設計 ✨💜

AAPD — As A Product Designer

AAPD 專注於分享數位產品設計的相關資訊,並且致力在平台上創造更多的交流與互動,我們關注UI設計、UX設計、設計師的個人成長、設計趨勢與產業動態等,希望透過這些知識的傳遞,能夠降低每位設計師成長的過程中所遇到的阻礙。歡迎來信投稿:aapdgo@gmail.com

00nyrhtak

Written by

00nyrhtak

先好好過生活,才能好好做設計 ✨💜

AAPD — As A Product Designer

AAPD 專注於分享數位產品設計的相關資訊,並且致力在平台上創造更多的交流與互動,我們關注UI設計、UX設計、設計師的個人成長、設計趨勢與產業動態等,希望透過這些知識的傳遞,能夠降低每位設計師成長的過程中所遇到的阻礙。歡迎來信投稿:aapdgo@gmail.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store