童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

“简洁大气”设计指南

5月25日 火云谷投稿
  〔核心提示〕如何可以使产品设计“简洁大气”?在你没有灵感的时候,不妨看看这篇文章中的建议。
  
  神马是“简洁大气”?
  现在被人们津津乐道的扁平化设计无疑成为了这四个字的代言,也让之前似乎离开了人们视野的平面设计带来了新思考,我们发现很多设计方法依旧非常经典。
  无论是与客户的沟通还是和产品经理的PK中,在第N1次修改依旧没有灵感的时候,不妨借鉴一下下面的小建议来救场。
  调整图版率改变印象
  图片的加入是最能立刻改变和更换整体印象的法宝。
  图版率是杂志版式中经常提到的概念:即页面中图片所占面积的比率。图版率高的杂志页面会给人带来年轻与活跃的印象,相反地,全是文字,图版率为0,这样的页面就显得沉稳许多。
  放大图片,增加展示空间
  虽然在产品上网易微博一直不温不火,但在设计上采用大图片的改版让整体拥有了简洁的潮流感,并且每次刷新变化的封面图片让每天的登录过程也变的有趣起来。
  改变图片比例
  即使全部是图片也可以改变图版率。商品展示中经常会有这种图片罗列的形式,普通的九宫格设计虽然整齐,但是没有变化和视觉重点,将几个图片位合并成为一个进行展示可以产生更强的专题性效果。
  色块进行重复构成排版
  当图片资源不充足,比如消息类信息和图片并列时,可以采用和图片相同大小的色块保持界面的统一性与简洁性。
  使用图标代替文字
  使用意图明确的图标代替文字可以帮助导航等操作区与文字阅读区分开。
  创造节奏感
  你知道吗?观看者和一张简单的海报设计也会产生交互过程。
  当你在20米开外的时候会被它上面的人物与色彩吸引,走近至5米的时候会看到它的标语,而走到跟前会发现新的小字信息。海报通过观看距离的变化制造出阅读的层次感,引导你不断深入。
  同样的,在界面中除了利用明确的信息分组引导视觉,还可以考虑在交互中也加入节奏,笔者不认为在扁平化的设计时代我们就不需要打造空间关系,通过手势的变化制造出界面不同的景深效果,可以让界面充满呼吸感。
  比如AppF中下拉刷新时,背景图片会由远至近,就在不觉间扩展了视觉空间。
  使用鲜明的色彩营造气场
  穿衣服我们讲究“气场”,而设计中使用的色彩也应该明确,避免使用含混的色彩,这样界面之间的元素才是有对比的。
  戒掉排满的惯性
  格式塔心理学中提到一个删除原理,就是从构图形象中排除不重要的部分,只保留那些绝对必要的组成部分,从而达到视觉的简化。不要排满也就是我们时常说的留白,这里的设计需要和产品一起做减法。
  在实际项目中,笔者经常遇到这样的对话:
  “这里为什么要放这个功能?好像用户用不上诶”
  “这里不放这个功能看起来比较空,而且万一用户用到呢?”
  “”
  人们以往的消费观念是面对同样的价格,最终大家会选择看起来功能齐全的物品,在信息竞争和功能为上的时代,惯性会让你想要加入足够多的功能或信息去满足用户,这种情况下,堆满信息的页面如果不进行删减化处理,形成一定层次的分组和条理化处理,也将会变成让人手足无措的电视遥控器。
  其实考虑界面空不空的问题应该交给设计师解决,通过一定程度的留白就可以达到不错的效果,我们只需要确认到底需不需要这个功能,有多需要,符不符合用户的使用场景?
  隐藏与合并
  当面对无法去掉的功能时,我们可以采用“主界面优先模式”,隐藏部分功能。
  比如在阅读中,为了更加沉浸式的阅读体验,经常利用手势将阅读流之外的功能隐藏起来,比如随享Pro向左滑进行评论和转发,豆瓣阅读的全屏阅读。
  主界面优先还体现在减少频繁地切换界面,比如常见的查看大图功能,在以前我们常用的方式是滑到新的页面去查看图片详情,但真的需要那么麻烦吗?
  在AppFlow和网易应用中心应用主页中,通过手势向下滑动可以让图片当前页放大,预览App界面效果,这样的体验就很简洁。
  除了隐藏功能,我们还可以合并功能,减少UI控件的个数,进而节省下空间,比如下面对音乐播放进度和播放控件的整合。
投诉 评论 转载

“简洁大气”设计指南〔核心提示〕如何可以使产品设计“简洁大气”?在你没有灵感的时候,不妨看看这篇文章中的建议。神马是“简洁大气”?现在被人们津津乐道的扁平化设……如何创建自适应系统来增强用户体验译者注:普适运算这个概念已经在计算机行业提出了很久。在设计领域,随着便携式智能设备的发展与普及,越来越多的设计师也将这个理念融入到产品设计中去。本文作者通过几个实例生动的讲解了……给应用加入手势操作需要注意的五件事推荐理由:以Clear、fuubo等手势应用大行其道的今天,将手势操作作为移动应用交互与输入的一种方式已然成为一种趋势。而作者大寒与贝塔通过大量的正反案例来阐述加入手势需要注意……使用Visio画UML模型2。静态结构图使用静态结构图(静态结构图:显示模型的静态结构的图表;也就是存在的元素(例如类和类型)、这些元素的内部结构及其相互关系。)来创建概念图或类图,概念图用于表示……轩辕剑7项目总结游戏简介《轩辕剑7》是华人游戏圈经典游戏《轩辕剑》系列最新正统续作,而且是首次以网游方式登场。采用了“黑火”引擎开发,作为畅游首款自主研发的次世代3D引擎。也是继《天龙八……你知道按钮和超链接的区别么对于许多网页设计师或工程师而言,按钮和超链接有着极为相似的程序代码,基本上他们也是出生自相同的历史来源。但是他们在用户接口与行为上其实有着非常不同的发展。按钮代表着动作,而超链……引人入胜的引导页设计引导页是用户在首次安装并打开应用后,呈现给用户的说明书。目的是希望用户能在最短的时间内,了解这个应用的主要功能、操作方式并迅速上手,开始体验之旅。既然是说明书那难免不受待见,因……我们都爱干净的有组织的页面一个好的网站,可以容纳很多内容信息设计,当每次我们尝试向用户展示一个干净的,所有的信息组织架构都完美化的,都是在努力的为用户创造良好的使用习惯和一个愉快的体验。当用户享有了它的……LINESTAMP贴图诞生物语译者注:原文来自于LINE官方blog,已是去年的老帖子。因为译者前段时间对LINE贴图的角色们颇感兴趣,跑去他们站上做了些收集,才发现了这篇关于贴图角色创作的有趣文章。作为一……符合黄金分割的抠菊花造型多么垃圾的设计稿上只要加上黄金螺旋,看起来就像是经过专业设计的垃圾了。上图是我用随便找到的一张照片做的演示,经过几十分钟的研究,我发现非常巧合滴是,这抠菊花的造型也如此完……视觉搜索,百度识图看到一只狗怎么认出他CD封面检索示例设想这样一个场景:某天你遇到一只狗,很喜欢却没办法搞清楚是什么品种,怎么才能快速获得答案?通常这样的要求可以借助搜索引擎,但在这个场景下,找出正确形容这只……谈谈加载(Loading)的一些设计心得前一阵子,接到一个app切图制作加载圆形进度条的任务,看到那个小进度条转啊转的,我若有所思同时,一个做印象派制作间控件设计的同学最近做了改版,那个控件登陆需要一些时间,看到他对……
作为产品经理的你,这些前端知识你都知道吗?三步轻松做出靠谱需求分析致剁手党:浅谈用户消费心理外卖产品(饿了么、美团外卖、百度外卖)竞品分析“社交产品都得死”?对也不对,活得起的社交产品长啥样?产品经理3000问专业、高逼格的产品经理成长秘籍这个双十一,换一种方式过!【技术分享】大众点评数据平台架构变迁深度揭秘如何抓住用户需求,从2C到2B拓展项目延期:4种情况与解决之道为什么周鸿祎们要求产品经理分分钟变小白?从产品经理的角度谈谈“沙丁鱼式的高峰地铁体验”的可优化性攘外又需安内中国视频网站们的坎坷盈利之路幼教名师成长案例解读读书笔记职场小三不得不面对的三道坎教师职业规划总结开宾馆记录能查顾客身份信息吗(宾馆住宿查询个人信息)欲筑室者先治其基唐王峧的爷儿俩日记奢侈品专卖取什么店名元旦假期,嵩山景区(16个景点)免票开放!黑色天堂以及冒险岛联盟英雄任务迪拜是哪个国家(中东第一土豪国迪拜的)

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界