本期,我们一起看看学长认证模块——UI同学的作品评审。
 
拿好小板凳,做好笔记,我们开始吧!
 
 
我们拿了两个典型的作品进行了一个讲解,做的特色都还不错,但是都有些小问题
 
先来看一下第一位同学的作品。
 
首先整个作品分为两部分:
 
一部分是上传的流程,另一个是认证的流程
 
一. 上传示例
 
 
大拿老师点评:
1. 如果是未认证状态,可以进来就直接显示在认证的首页。
2. 其实这个过程只需要两步就足够,特别是官方版中,基本信息和认证渠道其实在一个页面上。
3. 从设计效果来说没有问题,但是从他的数据角度来看,其实是有一点问题的。一般来说这种是有一个中间的缓存的渠道。你退出来再进来,用户还可以再从这儿开始。但是如果按目前的开发体系进来之后就又会重新开始。
 
二. 认证结果
 
 
大拿老师点评:
1. 重点去考虑我们产品这个地方最后的定稿,能否让前端使用vant的框架组件库中的样式。UI同学一定要去看看vant组件库常用的样式是否可行,我们可以要在其基础上进行修改,而不是单独做一套,没有太大意义。
2. UI的一个常备技能点:工作中,尤其后台功能的输入框或者选择框等,UI同学要去参考一些第三方已经成熟的移动端框架样式。然后再考虑是否要修改样式,还是说改改布局。这样的话前端会比较方便。
3. 但大部分的业务端,也就是正常页面端中用户使用的流程,需要我们要自己来设计,一定要注意,我们这个认证模块有点像工具化的那么一个模块。
 
三. 认证流程
 
 
大拿老师点评:
1. 实际上它的对准是有问题的,有点乱。上面颜色出现问题之后,导致有一点视觉上的冲突啊,之间的分割是一个注意的点。
2. 在校时间:其实产品给的不是这么一种原型,UI可以去调整产品的交互,但是要去确定前端能不能实现。
3. 你要考虑开发能不能实现,而不是自己乐意去画着玩,尤其在移动端,能不能有这种组件的实现啊,所以这也是一个配合性的问题。
4. 如果你在简历里面写到,“在设计的时候,产品给的方案是两个框。但是我觉得可以收起来做成单个框,最后遇到了前端开发同学的问题。”那这个问题简历上写出来之后,实际上就可以给你加分。为什么?因为你在学校里就遇到了工作后每一个人、包括UI才会注意到的点。面试官一定会很在意。
 
四. 认证渠道
 
 
大拿老师点评:
1. 认证渠道(二选一):这块的样式,有点丑啊,看上去好像就是孤零零的几个块儿,感觉就不成一个样式
2. 然后这个获取验证码的样式要做全,注意倒计时的时候不能点。
3. 上传图片上传完之后的样式是怎么样的?注意闭环
 
大拿老师评分时间:
这位同学整体呢,有一些小的交互、设计的问题。但是从大角度来讲,就是同学的一些设计思路还是要继续去提高一下。这个同学做的还不错,我觉得可以达到七分。
 
 
那么继续看下一个同学的作品。
 
一. 认证界面
 
大拿老师点评:
1. 他的这个页面的布局非常舒服。
2. 第一个问题,就是他加了一些原型没有的元素,比如说,id这个字段,这是产品字段,实际上是不应该出现的,不应该增加元素。
3. 如果是增加文字的话,是可以的。但是你做完之后或者在做的同时要问一下开发能不能做这个、要不要加个提醒,所以这个是可以去协调的。但是不要增加功能点,这是一个功能点。因为现在产品没有给出 id 是什么。
 
二. 认证审核
 
 
大拿老师点评:
1. 没有布局感,感觉是比较凌乱的放在一起。不要给出这么多信息,认证原先上只给了两个信息,就是他的学校和他的专业,一定要遵守我们的原型
2. 有些东西是可以选填的,而且这样布局就比较难看。
3. 这是个认证环节,可以去做像增加文字和修改文字,这是文本调动,不会很大去更改产品功能点,最后跟产品也会去沟通。但是不要增加或者修改功能点,产品功能点的修改影响产品的一个策略,所以这个一定要注意。
4. 在目前的阶段,尽量还是以官方的功能为主
 
三. 认证材料
 
 
大拿老师点评:
1. 有个很别扭的地方,就是说白色底块看着非常的不舒服
2. 少一个闭环。我们做UI一定要有一个闭环,那你下面再给出一列验证码倒计时的样式,还有上传完成的样式。那这个就要给出来,要不然开发可能会觉得比较痛苦。
 
大拿老师评分时间:
那么实际上这个同学的作品,从样式上和布局上,看起来还蛮舒服。这个作品可以给到八分,是一个不错的作品。
 
 
欢迎关注我们的WX公众号“拿OFFER”,获取更多校招信息和硬核干货。

UI作品评审总结:切忌过度设计,注意设计闭环的更多相关文章

  1. vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图

    vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图 Mand Mobile是面向金融场景设计的移动端组件库,基于Vue.js实现.目前已实际应用于滴滴四大金融业务板块的1 ...

  2. OC中使用UI自己定义控件实现计算器的设计(版本号1简单的加减乘除,连加,连减,连除,连乘)

    OC中使用UI自己定义控件实现计算器的设计(版本号1简单的加减乘除,连加.连减,连除,连乘) #import <UIKit/UIKit.h> @interface ViewControll ...

  3. 优秀案例:12个精美的设计工作室 & 设计公司网站

    如果你正在为自己的作品集网站设计寻找灵感,那么学习设计机构 & 设计公司的网站是如何制作的是一个良好的开端.在这篇稳重,我们已经聚集了一组设计机构的优秀作品集网站,你可以借鉴很多设计理念.当你 ...

  4. 第九十三节,html5+css3移动手机端流体布局,基础CSS,头部设计,轮播设计,底部设计

    html5+css3移动手机端流体布局,基础CSS,头部设计,轮播设计,底部设计 基础CSS 首先将通用css属性写好 @charset "utf-8"; /*通用样式*/ /*去 ...

  5. 好的框架需要好的 API 设计 —— API 设计的六个原则

    说到框架设计,打心底都会觉得很大很宽泛,而 API 设计是框架设计中的重要组成部分.相比于有很多大佬都认可的面向对象的六大原则.23 种常见的设计模式来说,API 设计确实缺少行业公认的原则或者说设计 ...

  6. Java生鲜电商平台-商品基础业务架构设计-商品设计

    Java生鲜电商平台-商品基础业务架构设计-商品设计 在生鲜电商的商品中心,在电子商务公司一般是后台管理商品的地方.在前端而言,是商家为了展示商品信息给用户的地方,它是承担了商品的数据,订单,营销活动 ...

  7. Python学习笔记之 Python设计思想&设计原则

    Python设计思想&设计原则 设计思想 1.封装 数据角度 多种数据合为一种数据 优势:代码可读性高            将数据与行为相关联 例如:电脑(内存,储存空间,...) 行为角度 ...

  8. WIN8 Metro UI 风格下的微软报表开发与设计 Metro UI SSRS - BIWORK

    开篇介绍 作为 BI 系统前端展现的报表,其重要性不言而喻,我们对于一个好的报表的要求也无非主要包含以下几点: 1. 数据完整和正确,数据质量没有问题 2. 友好的清晰的界面,整洁美观,有得体的格式 ...

  9. Web UI 设计(网页设计)命名规范

    Web UI 设计命名规范 一.网站设计及基本框架结构: 1.    Container“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wr ...

随机推荐

  1. 基于SSL(TLS)的HTTPS网页下载——如何编写健壮的可靠的网页下载

    源码下载地址案例开发环境:VS2010本案例未使用openssl库,内部提供了sslite.dll库进行TLS会话,该库提供了ISSLSession接口用于建立SSL会话. HTTP协议很简单,写个简 ...

  2. fiddler选项卡-Composer(构建请求)

    Composer Composer支持手动构建http.https和ftp请求.点到composer选项卡界面,我们可以看到下面有一串英文. use this page to compose a Re ...

  3. 仅用CSS几步实现赛博朋克2077风格视觉效果

    背景 文章开始之前先简单了解下什么是 赛博朋克,以及什么是 赛博朋克2077. 赛博朋克(Cyberpunk)是"控制论.神经机械学"与"朋克"的结合词,背景大 ...

  4. 聊一聊 Spring Boot 中 RESTful 接口设计规范

    在设计接口时,有很多因素要考虑,如接口的业务定位,接口的安全性,接口的可扩展性.接口的稳定性.接口的跨域性.接口的协议规则.接口的路径规则.接口单一原则.接口过滤和接口组合等诸多因素,本篇文章将简要分 ...

  5. git stash回退

    目录 1.起因 2. 问题出现 3.修复 4. 注意 1.起因 这个问题要从今天刚遇到的事儿说起,昨晚代码出了个乌龙事件,本来正在dev分支进行新功能的开发,但是测试出现的问题是在release 分支 ...

  6. Java语言实现二维码的生成

    众所周知,现在生活中二维码已经是无处不见.走在街道上,随处可见广告标语旁有二维码,手机上QQ,微信加个好友都能通过二维码的方式,我不知道是什么时候兴起的二维码浪潮,但是我知道,这在我小时候可是见不到的 ...

  7. 【.NET 与树莓派】TM1638 模块的按键扫描

    上一篇水文中,老周马马虎虎地介绍 TM1638 的数码管驱动,这个模块除了驱动 LED 数码管,还有一个功能:按键扫描.记得前面的水文中老周写过一个 16 个按键的模块.那个是我们自己写代码去完成键扫 ...

  8. 高性能的Redis数据结构小结

    一.概述 Redis 作为一种 KV 缓存服务器,有着极高的性能,相对于 Memcache,Redis 支持更多种数据类型,因此在业界应用广泛. 记得刚毕业那会参加面试,面试官会问我 Redis 为什 ...

  9. EXCEL根据某一列单元格特定标点符号分行,其它列内容一致

    注意事项:此方法注意运用excel空值单元格填充,因此数据处理之前,如果存在值为空的,请特殊处理,后期处理完再替换为原来的空值 1.在决定分行数的列后插入一列 2.根据逗号之前值最多的数量来决定分行数 ...

  10. oscp-缓冲区溢出(持续更新)

    环境准备 Windows7虚拟机(我选了IE8,其实也没什么关系) 微软官方下载地址 These virtual machines expire after 90 days. We recommend ...