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

注意这十点,让你避免糟糕的设计

9月25日 孤小单投稿
  本文是给初学者门外汉的五分钟设计指南。好的设计原则对任何人来说都有用。这个指南会告诉你一些基础设计原则,立即就能用得上并分享给别人。
  如果你不相信自己能够做好设计,那么请记住传说中的人物DavidEricGrohl说过的这段话:
  我从不学习打鼓课程,从不学习吉他课程,我靠自己摸索。我认为倘若你真的对什么东西有所热诚,你就会有动力,你就会集中注意力,你可以做任何你想做的事情。
  DaveGrohl,喷火战机乐队
  记着上面那段话,你准备好要开始速成课了吗?让我们开始吧(没有特定顺序):
  1。足够强烈的色彩对比
  背景和字体必须有足够区分,阅读起来不伤眼睛。白底黑字是最容易辨认的。最好不要使用浅灰、黄色或绿色。如果别人必须眯着眼睛才能看清文字,那肯定是有问题的。
  图片来源:UIDesignDo’sandDon’ts
  2。深灰比黑色更好
  如果可以的话,尝试使用333333RGB(51,51,51),而不是黑色,作为文字颜色。黑白对比晃眼睛,让人更难集中注意力。
  3。重要内容放在前面
  布局是帮助使用App或网站的重要信息。重要的内容应该是第一眼可见的,不需要缩放、滚动或点击。
  图片来源:UIDesignDo’sandDon’ts
  让我们看看几个视觉层级设计的正面实例。
  Instagram(下图左侧)将让用户发布的图片视频作为焦点。
  Pinterest(下图右侧)的主要功能是搜索,人们在上面浏览翻找信息。
  再看两个例子。
  Spotify(下图左侧)显然把唱片封面和音乐标题放在第一位,将用户操作放在第二位。尽管操作是第二位,Spotify仍然保证播放暂停按钮的比重大于前进后退。
  Facebook(下图右侧)看起与Instagram非常相似,把好友发布的内容放到前面和中心。
  4。对齐一切
  如果你感觉哪里有些不对,最快的解决方式很可能是把不对齐的东西全部对齐。有时设计师会念叨需要使用“栅格”,这其实是在提醒团队需要解决对齐的问题。保证元素对齐是改进任何App或网站的最简单的方法,可以立马让视觉效果提升10倍。
  图片来源:UIDesignDo’sandDon’ts
  让我们再看看其它对齐案例,这次是Medium。
  下面是一个Medium的页面,你觉得看起来如何?是不是有哪里不对?提示:注意左侧的对齐情况,看起来怎么样?
  下图我仅仅将内容左侧对齐了。
  5。文字尺寸和留白
  我们是给人做设计的,不是给蚂蚁做的。增加文字尺寸并多留些空白能够保证内容更加易读。
  好的文字尺寸VS不好的文字尺寸:
  图片来源:UIDesignDo’sandDon’ts
  好的留白VS不好的留白:
  图片来源:UIDesignDo’sandDon’ts
  6。如果顺序很重要的话,使用列表
  大部分移动网页App有搜索功能,对于应该如何展示搜索结果,可能有些争议。
  如果顺序是很重要的,那么列表是最有效的。
  如果顺序不重要,并且还鼓励用户多浏览探索(像是Pinterest或Airbnb),那么网格视图就可以提供更多的信息,方便用户浏览探索。
  来源:《用户如何查看网格布局的搜索结果?》
  7。先做灰度设计,再上色
  灰度设计能够保证聚焦于关键的用户体验。颜色牵扯到较多的情绪反射,并且容易打扰我们所聚焦的关键问题。
  8。让设计用起来舒服
  手的使用是一个重要的问题,建议参考LukeWrobluewski的文章《ResponsiveNavigation:OptimizingforTouchAcrossDevices》
  Luke画出了手机上最容易使用的部分(对于右手来说)我挺喜欢哪些可以设置左右手的App的。
  很多高效的手机App保证导航和主要操作在手机的底部。
  图片来源:《ResponsiveNavigation:OptimizingforTouchAcrossDevices》
  9。借用色板
  色彩是一种难以捉摸的艺术。我强烈推荐大家去Dribbble搜索“ColorPalettes”或者使用色板编辑器,如Coolors或者ColorClaim。这样做可以节约好几个小时的争论、纠结的时间。
  10。使用Apple和Google的系统设计规范
  这两家公司都有很棒的资源帮助任何人搭建Android或iOS的App。
  例如,Google的Material里有设计原则、资源、色彩、图标和控件,能够帮助你快速开始App设计。
  Apple则有HIG(HumanInterfaceGuideline),里面罗列了有所有设计iOS平台App所需要知道的东西。
  图片来源:GoogleMaterialDesign和TheAppleHumanInterfaceGuidelines
  记住,设计需要练习
  需要一些时间和练习才能够训练出一双辨别设计的锐眼,但是你会发现上面的建议会大大提高你的设计。
  
投诉 评论

设计思考:中西医结合,开出交互良方我们大都倾向于对观点进行主观表述,而不是对事实进行客观陈述,为了减少主客观的分歧,设计师应该利用好研究分析对交互工作的“润滑”作用。中医通过“望、闻、问、切”四诊合参的方……微交互的设计案例与思考(下篇)在上篇中,我们聚焦产品中的用户流程行为,讨论为减少用户操作负担和优化等待而做的交互设计;在中篇中,我们从人的主观感受出发,讨论产品的礼仪和为舒适而做的交互设计;在本篇中,我们将……经验分享丨赶集App中秋节的皮肤设计随着移动互联网的迅猛发展,同一款产品,使用移动端的用户远超PC端,为了更好的提升APP的用户体验,情感化设计也得到了越来越多的关注,通过它来唤起用户共鸣,带给用户愉悦的心情。……关于用户故事地图的7种用法《用户故事地图》不仅仅是讲述什么是用户地图、怎么使用用户地图,也讲了很多团队协作的tips,并且给出了很多实例。我这里直接从这本书的其中一个角度“怎么使用用户地图”为内容,然后……注意这十点,让你避免糟糕的设计本文是给初学者门外汉的五分钟设计指南。好的设计原则对任何人来说都有用。这个指南会告诉你一些基础设计原则,立即就能用得上并分享给别人。如果你不相信自己能够做好设计,那么请记……交互实战Designsprintmethods在ToB产品中在湾区很火的设计冲刺,真的能有效快速解决项目中棘手问题吗?我们在实际工作中开始了首次尝试与应用。让我们一起来体验一下Designsprintmethods的设计过程吧传统……车载系统交互设计畅想Part2:为消除焦虑而设计在上一章节中,我试图通过重新设计智能车载中控系统来降低驾驶过程中过多的信息导致的注意力分散问题,我的主要解决方案是通过局部的简单操作配合语音导航来完成任务,并避免驾驶员的双手离……项目文件管理,只需7个文件夹作为一名视觉设计师,将文件整理的井然有序是我们必须要具备的能力,如果你现在还没有一个完整的文件管理体系,可以先看看我的!下图这张图是我以前文件整理的状态!是不是很乱?我告……FAB实践分析:设计中的悬浮按钮如果要在应用程序中使用FAB,则必须仔细考虑应用程序的设计,并将用户的可能操作归结为一个最突出的功能。正确使用FAB,最终会给用户带来惊人的帮助。悬浮按钮(FAB)是An……新手转向资深的必经之路交互文件命名的最详细规范(下)接着上一篇文章《新手转向资深的必经之路交互文件命名的最详细规范(上)》继续整理文件命名的规范继续,今天来讲讲Sketch的Artboard(画板)命名和Layer(图层)命名、……iOS和Android规范解析确认弹框、全屏弹框和模态视图今天介绍三个控件,前两个是MaterialDesign(简称MD,下同)规范中的确认弹框(ConfirmationDialog)和全屏弹框(FullscreenDialog),……一个更适合产品迭代的卡片创意法本文是由58UXD的交互小组的工作总结文章,交互设计师常常需要进行迭代设计,为此,他们琢磨试验出一个更适合产品迭代的卡片创意法。交互设计师常常需要进行迭代设计,在已有的产……
苹果旧金山字体的秘密当我们爱上宜家的时候,我们在爱什么?50个国外设计机构网站设计欣赏荔枝FM交互飞机稿交互新人:如何做用户体验设计产品经理黑魔法自启动与后台交互案例实战!三个按钮背后由小见大的交互思考度秘一下不如营造情景,一个产品的服务分发应该怎么玩?设计思考模式(一):删除、组织、隐藏、附加苹果也中枪!拿什么拯救尴尬的UI界面?(一)由爱奇艺视频弹幕引发的思考别逗了,会用Axure就算懂交互了吗?让音乐教学真正乐起来汕头是哪里的(汕头哪里是属于富人区)瞧我家那只大灰鹅五年级作文900字酒虫文言文拼音版注音版结婚没到一年离婚彩礼能要回吗透过乐信分期乐产品看消费金融行业宝宝哪种材质的水杯耐摔又安全宝宝耐摔又安全水杯介绍被放错了地方的“短处”邓小平社会主义政治文明建设思想体系探析本际经主要内容简介及赏析小学六年级语文工作计划经典情话签名

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