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

网页设计师该向印刷设计学习的3件事

5月1日 回头爱投稿
  了解这3条经典原则,能帮助你创造更好、更易懂的网页设计。
  许多经典原则,例如那些字体设计原则,在线上仍然有效。图片由PeterVanLancker提供,《为人眼进行网页UI设计》里面描述的,扫视页面是用户的标准行为。
  为扫视而设计时,有两种模式需要考虑。首先是F模式。
  F模式排版:CreativeBloq的主页
  F模式反映了用户最通常的扫视页面的方式。他们的视线从上面开始横向移动,然后沿着左边垂直移动,寻找突出的文字。
  一旦找到激起他们兴趣的内容,他们又会开始横向浏览页面。
  还有Z模式:
  Z模式布局:MailChimp的主页
  Z模式也是一种自然的浏览模式,通常用于报纸,网页上也是如此。用户在页面顶部水平浏览,然后向左下移动,在页面的下一行再次进行水平移动搜寻。
  1。文字
  和印刷一样,网页文字也应该有清晰的层次。选择适合的字号,有助于关键词在页面上突出,让用户更轻松的浏览页面。
  清晰的文字层次:WorldBakingDay网站
  我们来看看文字层次中一些常见的层级:
  主要:页面上最显著的文字更大更闪耀,吸引用户的注意力。通常用于标题与装饰。
  次要:介于中间的所有内容。不像标题那么显著,但要在页面的常规文字中突出显示。
  再次:主要内容所选的文字。文字层次中的这一级,有助于使用户沉浸在正文中。
  其他:更小的一级,使用斜体、粗体、下划线、不同颜色等等。
  配合运用,建立文字的层次,可以创造出秩序,防止用户迷失其中。
  要测试你页面的易读性,可以使用“3秒原则”:简略地浏览页面,然后看向别处。其中突出的内容有没有反映出你设计意图?如果是的,那你方向正确,继续保持;如果不是,则需要打回重新设计可能确实如此。
  2。建立平衡感
  无论平衡感来自于对称、非对称或是放射状,都是为了让设计创造出稳固与一致的感觉。如果用户在你的网页上感到轻松,他们会更愿意逗留。
  图片或文字不要过于密集:时刻考虑元素的间隙。排版倾向于简洁密集的布局会妨碍用户。眼睛难以接受杂乱,使人更难接受信息的流转。
  考虑使用极简的设计,通过白色、黑色或非常深的背景和前景元素达到平衡。《为人眼进行网页UI设计》里讨论过,负空间的运用可以引导用户的注意力。
  震撼的极简设计案例:鞋类品牌ETQ的网站
  上面展示的ETQ网站,利用了负空间将视线引向所陈列的产品。页面底部对比鲜明的黑白色块,让用户选择尺寸或查看商品价格。
  网页上极少干扰信息,创造了一种平静与秩序的感觉当然,也希望有助于促成用户购买。
  3。创造可靠的设计
  让你的设计对于所有用户都是可靠的。不要使用两种以上的字体,确保所有年龄层的用户都能阅读。过于杂乱会扰乱信息。
  如果你发现自己在屏幕前手足无措,你的设计可能就包含了太多的图片。
  选择配色方案时也要时刻为用户着想如果是医院网站,使用冷静柔和的色彩;如果受众是青少年,则适合更鲜明的色彩。
  UCSanDiegoHealth的网站选用的配色很吻合它严肃的内容
  下面是一些书籍设计中常犯的错误,同样适用于网页:
  未经过足够的测试:始终要尽可能广泛对设计进行测试。内容可能会跨越多种媒介(网页、电子书、印刷品),这会使得文字有新面貌。而且,有些字体转换到新媒介上可能会变得不易阅读。找到适用于所有情境的字体非常重要。还要考虑你的设计在不同屏幕尺寸、不同分辨率和不同浏览器中如何展现。
  不恰当的语调:为每个页面元素选择正确的语调。与字体一样,标题应该吸引读者注意,副标题作为标题的阐明或补充,正文要像一段友好的对话温暖亲切,让读者渴望了解更多信息。
  不恰当的格式:遵循你所选的媒介:否则,会一直浪费时间修改文件,应对CMYK用于印刷、RGB用于网站这样的问题。
投诉 评论 转载

网页设计师该向印刷设计学习的3件事了解这3条经典原则,能帮助你创造更好、更易懂的网页设计。许多经典原则,例如那些字体设计原则,在线上仍然有效。图片由PeterVanLancker提供,《为人眼进行网页UI……以用户为中心的一体化新产品开发综合途径一、背景伴随着科技的发达,人们对于自己生活中的方方面面都开始有要求。也急切需要一个可以帮助人们解决问题的产品孵出。从传统行业的实实在在的可视实物,到今天的互联网虚拟实物。……案例分析数据如何指导产品设计两年之前,那时我刚开始做产品,当需要做数据分析时,我总是一头雾水,完全不知道该如何下手。我想做好,我真的非常想做好,可我却真的不知道该怎么做。经过这两年大大小小项目的不断锤炼,……从业一年产品新人对自己亲身经历的一点看法:大既是小一个宏伟的目标需要一个准确并且坚定执行的切入点,如果一味的追求大的可能,往往大即是小我刚来公司的时候公司正面临向移动端的转移,从传统的游戏电商PC端转移到移动端。这……那些被滥用的国外App交互设计,你用过没?一直以来,国外在产品设计,尤其是交互设计方面,一直属于领先状态,经常会有一些操作起来比较惊艳的App进入我们的视野。比如私密社交AppPath、Todo工具AppClear等。……如何打造一款开发者喜爱的产品在我们所处的这个互联网时代,总有一些创想家们在试图改变着世界,让人们的生活变得更加高效,更有质量。“开放”、“拥抱”是互联网人的标签,更是产品人的特征,开放心态,拥抱变化。……微信运动:抓住用户的小九九,一个都别跑“生命在于运动”,你觉得是我傻还是咋地,我会不知道吗,可是我太忙了,根本没时间(工作日)我太忙了,根本没时间(周末)我太累了我还有其他重要的事要做,运动……满足需求也是死?谈谈社交产品的生命衰减周期和对策近段时间以来,互联网迎来寒冬,而首当其冲的便是社交产品。曾几何时,这个领域曾是千帆竞发、高手云集,然而几年下来真正打下江山的屈指可数。这其中最可怕的,便是生命衰减周期的加速,任……用APP的设计思路去策划微信产品,一个字“死”!最近一个正在创业的朋友,叫我帮忙给他们现做的产品把把关。说实话,我不是什么资深大牛,也不是BAT名门出身。把关谈不上,只能说是帮忙提点个人的看法。这位朋友想做的事情很简单……论APP发布状态左上角的按钮命名及其背后逻辑关系一个APP在发状态的时候其左上角按钮到底应该是取消呢,还是返回呢?还是,或还是其他?这不是一个很重大很要命的问题,但是它也不仅仅只是一个按钮的问题,不同的模式其底层的本质不同。……产品设计实践尝试对iOS原生相册的小改进紧赶慢赶,还是没能赶在ios9更新之前写完这篇文章。但同时也欣喜能在“加入专门的截图相册”和“下滑手势返回相册”这两点上能碰巧与苹果的想法不谋而合。针对新的ios9,下文……产品设计第一步:学会”感觉”普通心理学理论在产品心理学中的应用。今儿我们从人的信息加工之“感觉”说起,目的是从最基本的心理学现象揭开产品设计中的那些小门道儿!(纳尼,原来要这么做产品!)不说废话,直接开搞……
我的互联网教育方法(四):趣分期上市,教育行业的分期该怎么玩独立音乐市场及产品浅析(一)建立产品思维Nice产品体验报告美人妆产品体验报告:美妆社区还需努力敏捷竞品分析:记账App之博弈闲鱼产品分析报告:用一个交易平台打出一手社交牌,究竟靠不靠谱实战为王:求职招聘类产品之竞品分析PP租车产品分析见微知著内容平台做电商的三个优势母婴知识分发平台,该怎么打造内部社区的科学育儿氛围?校园社交的6大死劫:为什么校园市场会这么难做?竞品分析银河奇异果VS云视听极光:做好TV端的用户体验是产品这个综艺回归收视第一牛气满满的哥哥不止是十个帅哥捉迷藏地推有用吗,地推效果不好吗?幸福来敲门陆琪与莎娜用专业帮助嘉宾解决困惑破获造句用破获造句大全美文欣赏橘子花开时世界最胖的女人排行榜,最胖的女人高达500多公斤疯狂博士精油沐浴露洗了会油吗疯狂博士精油沐浴露使夏季防蚊大作战,不用药也行!小香炉有大乾坤,不要忽视你手中的沉香香炉不同年龄宝宝如何训练来增强免疫力?大唐朋克女侠!马思纯狄仁杰之四大天王即将公映袋鼠的孩子

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