首页 > News > Tgy 放大

【Sign Up|注册】国外注册页面设计页,看国外设计师如何拿捏!

原创作者: QUX轻设计 2019-06-19 18:02:44阅读:人次

一提起网页和手机端的注册页面,你是不是仅仅能想到几个简单的输入框(姓名/手机/账号/密码),对于页面的把控毫无灵感?配色不敢突破?元素怎么看都是乱入?本期我们走进国外设计师手中

一提起网页和手机端的注册页面,你是不是仅仅能想到几个简单的输入框(姓名/手机/账号/密码),对于页面的把控毫无灵感?配色不敢突破?元素怎么看都是乱入?本期我们走进国外设计师手中的注册页面,希望能带给大家“注册”页面的设计灵感!案例图片来源于“Daily ui

PC端注册页面,推荐几种排版设计

推荐一:左右布局,四边留白,给足页面的呼吸感!一半色块,一半表单,对比明显;

1. Adshares Onboarding by Mateusz Piatek for 10Clouds in Adshares

2.Split header design – landing page by Divan Raj 

3.Sign Up page by Niclas Ernst

4.Sign-up process WIP by Calin Balea

5.Application for Teachers by Ronnie Francisco

6.Martian Sign Up – Daily UI by YooJin Hong

推荐二:空间折叠,打造层次感;利用周边元素和空间阴影、投影打造空间感,有的时候就是一个元素的突破,也能达到空间感,赚足了眼球,所以空间感是加分项!

1.Admin board access by Adrian Madacs

2.Daily Shmaily UI #1: Game Login by Michal Sambora

3.Sign Up and Login Animated – Download Template by Deepak Yadav

4.Sign Up by Amelia Lewis

5.Daily UI: #001 Sign Up by Andy Weir

推荐三:中间布局,表单背景透明,与背景图片和背景色融合,整体较为统一,该布局效果常在移动注册页面出现;

1.Sign Up for Mars by Razvan Diaconu

2.Daily UI #001 Sign Up by Neal Gao

3.Sign Up by PK Aidoo

4.001 – Login Form (Daily UI Project) by Jude Dias

移动端注册页面当前较为流行设计排版方法有三种

推荐一:表单背景透明或半透明,露出背景图片;

1.Moob shopping app by Hsany

2.001 Log in & Sing up by Tian

3.Framer prototype practice #20 by Yen Hung (Jeff) Lin

推荐二:表单背景半透明,背景图片做高斯模糊,整体构成“毛玻璃”效果;

1.DailyUI Day 001 – Sign Up by Serzh Sharapa 

2.Delicious UI Kit – Login by Robert Anitei 

3.Login by Viktor Kern

推荐三:表单背景透明,背景用纯色;

1.Dating app mock ups by Prakhar Neel Sharma

2.Cloud storage for the afterlife – Sign up by Socrates Spyros Kolios

3.Concept | Sign in and sign up by Lee

 

专题责任编辑:小白菜,整理总结很辛苦,给小编一个赞吧!(原文链接:http://v.51qux.com/blog/sighup-html

'); })();