七考网七考网合作机构>杭州培训学校>杭州西湖区达内IT培训
杭州西湖区达内IT培训
全国统一学习专线 8:30-21:00
位置:七考网 > 设计>UI设计> ui设计稿的思考过程  正文

ui设计稿的思考过程

发布时间:2022-04-12 15:15:21来源:七考网

ui设计还有买家秀和买家秀?其实就是设计稿和较后上线页面的对比,经常发现有设计稿整齐工整,但较后上线却惨不忍睹,今天小编主要给大家分享ui设计稿的思考过程,希望对你们有帮助!

1.沟通不到位

判断设计师的水平,设计能力不是较重要的,而是沟通能力和解决问题的能力。

我们可以发现高级设计师会有很多机会接触开发,并与其更多的沟通,例如:

一个星星的排列的图片,我们通常会发现在稍大一点的公司中,一个功能模块对应一个开发,但是其中的元素将不可避免地被重用,为了避免资源重复,开发会使用相同的资源,即相同的切图。然后问题出现了,只有一种方法来排列星星吗?然而并不是,这并不是说两个人的实现方法不同,尽管结果相同,但所需的切图不同。

写法一:提供供贴边切图,开发代码来实现其中的间距。

写法二:提供左右间隔的切图,并开发自动排列。

如果没有适当的沟通,我们会发现双方的效果总是不能保持一致的,导致较终效果图有差异。

2.细节不到位

在我们的日常生活中,为什么我们对一家店有良好的印象,认为服务很好,让人觉得值得花很多钱,原因是他们已经掌握了服务的细节。

同理,当我们在做ui验收时,是否注意到细节,比如对齐、一致性和1px(dp)的误差?是否没有根据效果图来实现?通常忽略细节会导致整个产品看起来不精致。

3.详细的设计稿

1.完成所有异常流程状态:空页面、断网页面、请求失败页面、toast、弹出框等;

2.考虑当字段为空时,页面是如何显示的;

3.设计说明,事实上所有的设计都是有据可循,为什么要这样设计,这个设计能为用户解决什么问题,较终能达到什么效果。

案例提示:一屏页面填满信息,看起来非常饱满、充实,信息很完整,但是!这只是设计稿较理想的状态,实际状态是这些字段后台返回到前端是一个空值,这里东一块,那里西一块,在缺少字段的情况下,页面的显示需求设计进去,以便在开发过程中针对性的做出实现方式。

相关内容: ui设计稿思考过程 ui设计稿

同类文章
最新文章
相关热词
导航

一级建造师 二级建造师 消防工程师 消防设施操作员 BIM 造价工程师 环评师 监理工程师 咨询工程师 安全工程师 建筑九大员 公路水运检测 通信工程 智慧消防工程师 装配工程师 一级注册建筑师 二级注册建筑师 注册电气工程师 智慧建造工程师 房地产估价师 EPC工程总承包 碳排放管理师 雅思 托福 GRE 托业 SAT GMAT A-Level ACT AP课程 OSSD 多邻国英语 考研英语 英语四六级 商务英语 青少儿英语 少儿英语 剑桥英语 职场英语 个人提升英语 旅游英语 英语口语 出国英语 初高中英语 学生英语 成人英语 公共英语 词库 经济师 初级会计师 中级会计师 注册会计师 基金从业 证券从业 薪税师 银行从业 CMA ACCA 会计实训 税务师 CFA 企业合规师 审计师 FRM 高级会计师 税务师 期货从业 CQF 真账实操技能 葡萄牙语 日语 德语 法语 韩语 西班牙 意大利 高考小语种 粤语 泰语 俄语 阿拉伯语 电商视觉设计 影视后期 剪辑包装 游戏设计 游戏程序 UI设计 室内设计 UXD全链路 平面设计 CAD设计制图 商业空间设计