• 0755-82538016
  • 0755-82560826
  • 深圳网站建设_APP小程序开发_博纳网络

    • 网站建设案例
      • ";

        营销网站建设

        全网营销网站

        高端网站建设

        商城网站建设

        外贸网站建设

        小程序开发

        区块链开发

        物联网项目开发

        定制app开发

        在线教育网站

        速成网站建设

        服装网站建设

        餐饮网站建设

        珠宝首饰网站

        机械制造网站

        文化旅游网站

        家装建材网站

        美容化妆品网站

        数码产品网站

        模板案例库

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站推广
      • ";

        网站优化基础

        建站优化

        网站优化

        营销推广

        整站优化

        推广帮助

        谷歌搜索

        推广方案

        推广套餐

        推广技巧

        百度排名

        巧用微博推广

        直播视频网站推广法

        微信推广网站方法

        网站外链推广

        公共微信号推广

        网站优化闲谈

        常见问题

        公司资讯

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站制作资讯
      • ";

        网站制作

        外贸网站建设

        网站设计

        网站代运营

        深圳网站建设专栏

        深圳小程序开发

        网站改版

        APP开发

        网站建设方案

        安全维护

        软件开发

        平台搭建

        建站行业资讯

        域名注册

        虚拟主机

        企业邮局

        国外主机

        VPS独享空间

        免备案香港服务器

        如何解析域名

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站报价
      • ";

        网站报价

        建站方案

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 公司动态
      • ";
        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 关注博纳
      • ";

        网站制作精英团队

        网站建设公司愿景

        公司介绍

        主营业务

        博纳文化

        加入博纳

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 联系我们
      • ";

        网站建设公司联系方式

        网站建设、网站制作公司乘车路线

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
      网站制作资讯

      当前位置:

        主页网站制作资讯建站行业资讯网站建设时的简约风格设计经验总结

      网站建设时的简约风格设计经验总结

      发布时间:2017-12-26

      文章编辑:网站建设 文章来源:建站行业资讯 浏览量:次

       

      网站设计以及APP前端布局,都知道APP前端界面设计受显示屏大小的限制,我们在APP前端设计时有很多创意是无法完全体现出来了,那这时就需要我们的创意做一些删减,手机最开始出现只是为了通话,后来可以发短信,拍照片,听音乐,看视频。到现在手机完全成了我们身体的延伸,没有手机我们可能会很快的与这个社会脱节。可以预见一款产品/app所能完成任务是越来越多的,最典型的就是支付宝。支付宝里任何一个模块单拎出来就可以是一个单独的app。

      网站建设、APP前端设计之极简风格

      在内容越来越多的前提下,设计师应该减少无用信息的干扰让用户可以快速聚焦的到内容本身,这种“少即是多”设计思路就是我们常说的极简风格。那么设计师如何将极简风格应用到自己的产品中呢?下面我会做一个简单的分析,希望可以帮助到大家。

      网页设计、APP前端开发之删减不必要的元素

      极简风格最简单粗暴的实现手法就是删减与用户任务无关的非功能性元素,只保留重要的信息,减轻用户的认知负荷。

      那么如何去判断一个设计元素的取舍呢?设计师应该问自己以下三个问题:

      1. 这个设计元素在当前界面中是起什么作用的?能够完成什么   样功能?

      2. 去掉以后是否会影响用户正常操作?

      3. 如果影响用户操作,可否有更简洁的设计元素来替代?

      前几天有一个朋友问我,微博界面中每条动态下面的icon能否去掉。这里icon的使用主要是用于提升信息的可读性,因为相对于文本信息,具象元素可以更好的完成信息的传达。但是这只是起到一个提升作用,即使我把icon拿走,用户也会知道这三个是转发、评论和点赞。

      所以这里的icon是可以去掉的吗?当然不是,我们要考虑不同的使用场景。当这条动态没有任何人点赞,评论,转发的时候,我们把icon拿走是没有问题的。但是一旦出现了互动,那么icon就完全取代了文字成为这个功能唯一的可识别性元素,后面的数目显示的是互动强度。即使我一直很推崇的“一个”应用,它的界面设计简单到不能再简单,在这里还是保留了icon,所以我倾向于保留,当然如果你有更好的方案欢迎留言交流。

      网站制作、APP前端设计之多态组件的应用

      删减次要元素并不是万能的,因为有的时候,你进行了删减之后发现界面中内容还是很多。那么在这种情况下,设计师应该学会应用多态组件。所谓多态组件的意思就是一个组件可以完成多个功能,这样也可以有效的减少界面中的元素。

      例如,支付宝的支付界面,立即支付按钮可以跳转到付款成功的状态,这时候就没有必要再用弹框给用户提示了。这里的多态按钮除了供用户点击之外还可以完成信息传递的功能。

      微信最新的一次改版也很好的体现出多态组件的应用,之前用户如果想删除与一个好友的聊天记录,点击“删除”以后会从界面底部弹出actionsheet来供用户进行删除确认(不好意思,忘截图了)。但是微信最新的一次改版,对删除确认这一步骤进行了简化。整个删除流程用户的注意力会一直停留在在当前的这条聊天记录上,不会转移到界面底部的actionsheet,这种小细节的优化真的很让人眼前一亮。

      多态组件的应用可以帮助设计师进一步简化界面中的信息。当然这就要求设计师对设计组件做到足够的了解,逐个分析不同的组件的优缺点和适用场景。

      以底部按钮为例:

      这是最常见的一个底部按钮样式,能够应付大部分的使用场景。因为其一般都会采用面状按钮,大面积的色块能够达到吸引用户注意力的目的。当然有的时候,不需要按钮这么显眼,我们则可以换种样式,最典型的就是“退出登录”按钮,没有设计师希望用户可以很轻易的发现退出产品的路径。

      这种按钮样式的有两个缺点,第一就是不能浮动的,当界面内容过多的时候,用户需要滑动很久才能看到界面下方的按钮,降低了产品的易用性。当然我们加一个背景框做成浮动样式固定在界面底部,这个问题也随之解决了。

      它的第二缺点是只适合展示1- 2 个按钮的场景, 3 个以上的按钮就很难胜任了。而且这里的优先级区分只能通过改变(圆角)矩形的样式来实现,例如面状对线状,红色背景对蓝色背景。要解决这个问题,我们不妨看看下面这个按钮样式。

      这种底部按钮现在比较火,很多主流产品都采用这种样式。突然的爆火不是没有缘由的,它的的优点就在于可以完美解决上面的第二个问题。因为icon的引入一方面释放了界面的空间,最多可以放五个按钮。而且样式更加多变,可以是“文字+色块”也可以是“文字+icon”,而且尺寸与配色可以根据优先级来进行设置,设计师可发挥的空间会大一点。

      但是这种底部按钮样式也是有缺点的,iPhone X因为底部Home Indicator的存在给我们的适配带来了很多不便。有的产品在适配的时候改变了样式,破坏了用户体验的一致性。

      可能会有设计师说,我只是一个UI设计师,这里面选择什么组件不是我来决定的,这是交互设计师或者产品经理的工作。我一直所提倡的UI设计师要懂交互和产品,如果他们给的交互稿原型图不合理,你可以去反向去影响他们。只是被动的去给他们的原型图上色而不去思考,这样我们很难得到提升。

      网站设计、APP前端开发之重点突出

      为什么极简风格设计我们还要考虑重点突出呢?因为有的设计师过于追求简单,导致整个界面看起来跟原型图一样,特别的平淡。其实真正的极简风格设计是在界面简单的基础上还要做到重点信息突出,让用户在快速浏览的模式下可以看到他们感兴趣的内容。

      极简风格的设计理念提倡:一个界面只有一个焦点。我们会经常会看到一些设计师做的界面非常的繁杂,让人抓不住重点。当然这不一定全是设计师的锅,有的时候脑残的产品经理要求这个要突出,那个强调,导致整个界面都充斥着大红大紫,特别的凌乱。

      但是有的设计师矫枉过正,为了凸显主要功能,过于弱化次要功能,这也是不可取的。例如,上面这个界面中“小红点”,当然这里应该说“小黄点”。因为这里把红色改成了黄色,对于这个改法我非常的理解。因为红色特别的刺眼,改成黄色的确舒服多了。但是!“小红点”的工作原理就是用户对界面和谐统一的追求,这里突然出现了一个红点,非常突兀,所以会忍不住的想去点击。如果你把红色改成了黄色,用户就无法注意到新消息提醒,小红点的作用也无法起到。这个属于过度弱化次要功能。深圳网站建设博纳网络编辑整理。


      当前文章链接:/construction/jzhyzx/926.html
      上一篇:网页制作如何抓住七个关键步骤让你的设计之路事半功倍 下一篇:app开发一次前端设计实战经验分享
      返回列表
      如果您觉得案例还不错请帮忙分享:

      [声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

      相关案例推荐

      • 开元物业

        开元物业

        集团网站

        开元物业

      • Trinida外贸网站制作案例

        Trinida外贸网站制作案例

        跨境购电子商务

        Trinida外贸网站制作案例

      • 互联互加app制作案例

        互联互加app制作案例

        APP

        互联互加app制作案例

      资讯分类

      • 网站制作
      • 外贸网站建设
      • 网站设计
      • 网站代运营
      • 深圳网站建设专栏
      • 深圳小程序开发
      • 网站改版
      • APP开发
      • 网站建设方案
      • 安全维护
      • 软件开发
      • 平台搭建
      • 建站行业资讯
      • 域名注册
      • 虚拟主机
      • 企业邮局
      • 国外主机
      • VPS独享空间
      • 免备案香港服务器
      • 如何解析域名

      最新发布

      • 移动端网站建设对传统企业带来哪些好处?
      • 深圳网站建设有哪些标准和规范?
      • 做好企业网站建设用户体验可从哪些方面入手?
      • 深圳做网站的公司建设购物网站的流程是怎样的?
      • 深圳网站建设:专业的营销网站建设具有哪些特征?
      • 深圳网站建设:成功的手机网站必有的特征
      • 企业为什么要搭建自己独立的电商网站?
      • 建站价格贵的就是属于高端网站建设吗?
      • 深圳做网站的公司从搭建网站到完成大概需要多久?
      • 企业网站建设做好,流量是关键如何获取?

      相关资讯

      • 网站建设从业人员的前景-网页设计师
      • 网站制作行业的前景与制作人员应具备的素质
      • 2017互联网行业的发展现状与前景
      • APP网站在当今互联网+的政策支持下做好三点
      • APP网站引擎优化九点建议
      • 再谈网站文章原创性对网站质量的影响。
      • 网站营运推广必须要仔细分析客户的行业现状
      • 搜索引擎快照是如何影响网站权重的?
      • 中小微企业如何利用互联网+快步向前
      • 一个电子商务网站平台的优化历程

      热门搜索

      • 小程序开发
      • 网站建设
      • 网站代运营
      • app网站建设
      • 深圳app开发
      • 移动网站建设
      • 网站建设公司
      • 影视网站建设
      • 网站设计
      • 深圳网站建设

      Copyright © 2021 博纳网络 版权所有  粤ICP备17054727号

      • 棣栭〉

      • 鍜ㄨ

      • 閫氳瘽

      • 妗堜緥

      • 杩斿洖

      🏠
      首页
      📞
      电话咨询
      💬
      立即咨询
      📁
      案例