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

让网页设计增色不少的3种趋势

3月15日 多上心投稿
  设计趋势这种东西,往根上说是潮流,是因缘际会之下成为一个时间段内的流行风潮,大多独特,但是它并不一定符合你的喜好。在过去的一个月当中,所流行起来的三个设计趋势,相互关联,且都涉及到文本和标题在页面设计中的运用。到底哪个更符合你的口味,而哪些又能够更常久地流行?这恐怕就需要你自己来判断了。
  1、带有下划线的文本和元素
  很意外地发现大家最近争先恐后地使用下划线这种元素。当然,能够在各式各样设计元素中灵活运用的下划线,自然不是设计工具默认的下划线效果或者文本链接下的那种文本下划线。
  下划线原本运用在文本当中,用来强调内容,提醒用户关注特定的文本信息。当下划线和不同的元素搭配起来使用的时候,尽量让两者在风格和细节上保持一致,确保它们在设计上是无缝而一致的。
  让下划线看起来是有意为之,但是又不会造成干扰,这样的设计是成功的。虽然在许多设计当中,下划线的加入会让文本看起来略显拥挤,但是实际上通过留白可以适当地缓解这个问题。
  在下面的案例当中,SimonLeeGallery和HoohaaDesign均是通过下划线吸引用户注意到特定的文本。在SimonLeeGallery当中,下划线和小字的搭配让它们不再显得单薄,在视觉上更重了。而HoohaaDesign中,下划线则是出于平衡视觉重心的目的来使用的,设计师想要突出站点的名称。
  AbelDesignGroup这个网站中,设计师并没有直接采用传统意义上的下划线,而是使用橙色的线条置于文本前方,起到了和下划线相似的功用。
  2、被遮挡的文本
  我们在探讨设计的时候,文本的可读性往往被作为相当靠前的一个标准来提,但是现在要说的设计趋势其实是和这一规则相悖的:被遮挡的文字。虽然你不一定会喜欢,但是确实有许多近期的设计作品会选择这样的设计。
  当然,从技术层面上来说,有不少设计在运用这一技巧的时候并未拿捏太好。有的可能是因为字体设计的原因,有的可能是所选的用来遮挡字体的元素没有挑选好。这个中间的度其实并不好控制,尤其是当用来遮挡文本的元素是响应式、动态的时候。遮挡的元素、文本和背景之前要构成足够好的对比,但是又不能太过突兀,这是许多出问题的设计所面临的状况。
  不过,如果能把遮挡的区域、遮挡元素和文本的对比以及运动的轨迹都设计好的话,实际上所创造的效果是非常醒目的。
  想要运用好文本前景的遮盖元素,你需要注意下面几点:
  确保文本中的词汇足够常见,易于理解,比如RootStudio网站中的单词Root
  遮盖元素不会遮挡太多部分
  确保遮挡不会造成不必要的识别障碍
  使用足够简单的字体,不会因为字体风格和障碍物造成识别障碍
  保持其他部分的设计足够简单,这样用户可以更机轻松的关注核心的文本,并且识别出来
  3、经典的黑白配色
  谈到色彩相关的趋势的时候,我们通常会认为色彩能够反应出设计者的心绪。黑白配色在这几年越来越常见,而在过去的这段时间当中出现的越来越多,是因为天气转冷设计师们的心情都越来越沉郁了么?
  当然,和以前那种强调形式感的黑白摄影网站不同,现在的黑白色调的网站所覆盖的网站类型更多了,当然,在细节上可能还会点缀以其他的色彩,但是总体上是黑白色调没跑了。
  因为缺乏丰富的色彩元素,黑白色调之下,这些网站所呈现出来的情绪是很接近的。
  在单纯的黑白配色之下,文本的可读性往往是设计中所碰到的最实际的问题。尽管可用的色彩不多,但是设计师可以通过创造一些有趣的东西,来达到效果。
  正如同前面所说的,主要色调是黑白,这个时候适当的加入一点点其他的色彩,比如红色或者蓝色,一点色彩就能从整个设计当中跳脱出来,极为醒目。
  当然,黑白之间的过渡色有很多,适当的使用能够让整个设计更为丰满。
  就像下面的Crafton这个网站,稍稍加入一点红色,就让整个设计一下子鲜活了起来。
  结语
  我明白,这次所探讨的设计趋势可能并不像之前的许多趋势那么有趣好玩,但是它们在很多项目中有着独特的功用,很多时候,撇开喜好探索这其中的功能,你会发现它们的适用范围还是蛮广的。试试看吧。
  
  原文作者:CARRIECOUSINS
  原文地址:webdesignerdepot
投诉 评论 转载

为全球设计,国际化与本地化探索:快速入门本文是系列文章,将全面地介绍国际化设计需要注意的各个方面,这是第一部分。enjoy关于全球化设计的系列设计文章。主要分为以下三个部分:快速入门,聊聊几个最常见的全球……设计总结:滑块控件在滑块设计中需要注意“做什么”和“不应该做什么”呢?本文将来探讨下,enjoy价格范围滑块,360度视图滑块,时间线滑块在所有这些例子中,滑块都很有用,因为减少了用……浅析音乐类产品的界面设计怎么设计才能让一个音乐APP看起来够专业?所有人都热爱音乐。尼采也曾说过:“没有音乐,生活就会是个错误。”所以,不用争辩,音乐已经是我们生活中不可分割的一个重要组成。……设计总结:群管工具的交互剖析最近正在负责的一个项目已经进入第五期的需求迭代了,我认为非常有必要对这个项目做一次设计小结,并且也借此机会将产品分享给各位小伙伴们。在这个项目中虽然我是从事交互设计的工作,但由……送给交互设计师:3种设计方法论本文作者收集了部分较为重点的设计方法论与大家分享,enjoy设计方法论,顾名思义是当设计师在进行设计活动时可从理论和方法上所提出的实际性意见。当进行不同设计需求时,可为设……做好这“十感”,会让用户更依赖你的产品无论是产品功能设计还是产品运营策略,尤其是社区社群类产品,这“十感”一定会提升用户粘性!他们分别是:仪式感、参与感、荣誉感、神秘感、组织感、归属感、认同感、存在感、尊贵感和安全……弹框体系总结:模态弹框和非模态弹框弹框是一种重要的交互方式,主要用于完成信息传递和用户反馈两大功能。弹框很常见,但并不见的每一个设计师都可以100的弄明白弹框这个概念。这篇文章是对弹框体系的一个简单梳理和总结,……远离需求说改就改的日子,因为我知道。。作为运营设计经常会和PV、UV、转化率、点击率、曝光率、留存、DOSU、DAU、WAU等数据名词打交道(不了解可自行度娘)。数据指标是运营设计的命脉,在结果论的时代,我们该如何……不得不说的新手引导二三事中国著名哲学家老子说过:“千里之行始于足下”。这个简单而强大的道理同样适用于众多数字产品的设计:与app或网站的关系建立于第一印象,由通过尝试某种操作的实际交互流程所决定。这个……已然成熟的卡片式设计,遵循着怎样的设计规则?若想要设计出体验足够好的卡片元素,需要有足够好的策略和审慎的构思;否则,你的设计很可能是个失败的产物。当一种设计技巧或者设计手法趋近于成熟的时候,我们常常可以总结出足够完……让网页设计增色不少的3种趋势设计趋势这种东西,往根上说是潮流,是因缘际会之下成为一个时间段内的流行风潮,大多独特,但是它并不一定符合你的喜好。在过去的一个月当中,所流行起来的三个设计趋势,相互关联,且都涉……交互总结篇(三):状态与规则前面几篇文章里面分析了交互设计的三维度:框架、流程和状态,详细内容请见《三个维度,解析产品的交互设计》。本文将会是总结篇的最后一篇,主要详细来讲讲页面状态和展示规则的一些门道。……
职场人际关系潜规则有哪些与人交流沟通的技巧职场的语录简洁的职场的语录职场的语录65条职场正能量的语录69条职场的语录职场正能量的语录职场正能量的语录职场正能量的语录90条职场心灵鸡汤语录摘录74条职场心灵鸡汤语录
中日韩烧酒大比拼!国民酒真露垫底,世界第一烧酒是谁?20岁女孩养仨弟妹,可恨父母生而不养,她承受了无法想象的苦如何购买澳元男士美容招助你保年轻贫血老人一日三餐食谱杨钰莹红楼事件真相一生未嫁的原因是什么气球也有风险NBA一夜7大突发交易詹姆斯拒绝和威少搭档霍华德将加盟勇士漫画系超短发正流行短发控女生酷帅短发手工书设计教学设计关于环境的作文人类让我们保护环境吧高级感的妆容色彩是这样搭配的

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