首页 > News > Tgy 放大

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

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

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

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

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

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

1. Adshares Onboarding by Mateusz Piatek for 10Clouds in AdsharesqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

2.Split header design – landing page by Divan Raj qCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

3.Sign Up page by Niclas ErnstqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

4.Sign-up process WIP by Calin BaleaqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

5.Application for Teachers by Ronnie FranciscoqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

6.Martian Sign Up – Daily UI by YooJin HongqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

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

1.Admin board access by Adrian MadacsqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

2.Daily Shmaily UI #1: Game Login by Michal SamboraqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

3.Sign Up and Login Animated – Download Template by Deepak YadavqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

4.Sign Up by Amelia LewisqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

5.Daily UI: #001 Sign Up by Andy WeirqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

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

1.Sign Up for Mars by Razvan DiaconuqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

2.Daily UI #001 Sign Up by Neal GaoqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

3.Sign Up by PK AidooqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

4.001 – Login Form (Daily UI Project) by Jude DiasqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

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

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

1.Moob shopping app by HsanyqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

2.001 Log in & Sing up by TianqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

3.Framer prototype practice #20 by Yen Hung (Jeff) LinqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

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

1.DailyUI Day 001 – Sign Up by Serzh Sharapa qCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

2.Delicious UI Kit – Login by Robert Anitei qCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

3.Login by Viktor KernqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

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

1.Dating app mock ups by Prakhar Neel SharmaqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

2.Cloud storage for the afterlife – Sign up by Socrates Spyros KoliosqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

3.Concept | Sign in and sign up by LeeqCeQUX轻设计-让设计更简单

qCeQUX轻设计-让设计更简单

 qCeQUX轻设计-让设计更简单

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