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

网页设计的极简主义:少即是多

8月16日 鬼神氏投稿
  
  有一些设计者,经过一轮艰辛做了一个很少元素并看上去不错的网页,或者他们做的网页最后看上去不会很”复杂”。网上有很多关于极简设计用在网页上的文章,这篇文章目的是指导你如何让你的网页设计做到华丽却不失内涵。
  最重要的是,我们将为你展示一系列的设计,让你从中体会为什么一些设计可以做到这样的效果而另外的一些却不能。
  一、什么是极简设计?
  极简设计被描述成将最基本的元素呈现,并摒弃所有多余结构,色彩,图形和其他素材的设计方法。
  其目的是使主要内容浮出并成为聚焦点,从视觉角度出发,极简设计意味着要沉静并将最基本的元素作为中心思想。
  设计起源于瑞士而后广泛应用各种媒介:平面设计,建筑,音乐,文学,绘画等等领域,而最近更在网页的设计上盛行。尽管极简设计已在数十年前起步,早期的互联网并没有把它付诸实践。没有旋转的图形,选取框和夸张的色彩,网页设计混乱而沉冗。
  我们将为你介绍极简设计的基本准则。即使你不是追求极简审美,你也会通过这里来简化你的设计。
  二、少即是多
  就如人们常提及的那样,极简主义会在最前部带出最重要的内容并为用户最小化一切干扰。如果某一页有过多结构,用户会对每个元素的位置感到疑惑并曲解其本意。一个极简设计会将焦点直接放在内容上。
  举例说,任何黑白组合的设计都会吸引用户的注意力。颜色自身会成为焦点。让我们看看这个特别的例子。
  或许你已经看过这类设计:单纯的白色背景,一块内容还有一个图案。图案包含色彩,结构和设计者的品牌和身份。由于这个特别图案的复杂性,其他在这个页面上的内容被忽略,显得不重要,最小化内容使设计者达到完美的平衡。
  三、如何使内容最小化
  创作极简设计的第一步,或说是仅仅简化布局,并不是简单地删掉大部分图片,而是重新考虑内容并摒弃空洞内容。只有这样才能使页面上最重要的元素发挥作用。就如你计划做一个网页,你先要把你想要的内容写下来:图标,介绍,导航条等等。然后把那些不需要的部分删掉。能舍弃的尽量舍弃。
  以下的内容或许你是不需要在网页上一一列出的(单独作一个部分),记住这只是一个指导。需求因人而异,以下的明细并不能以偏概全,希望大家能各取所需。
  1、社交媒体的图标或图案
  2、标题和补充说明
  3、”专题”,”偏好”,”最近”(包括了Twitter和RSS订阅)之类的条目
  4、页面多于3个部分(例如”简介”,”关于”,”服务”)
  5、次导航页
  以上所提及的东西并不是要你去减少网页的内容,而是为你提供一个参考去裁减网页中的累赘元素,从而突出主要内容或者用一种更为简单的排版方式去把各个元素更好地结合成整体(举例说,把媒体链接放到”关于”或者简介部分)。你也可以把内容分布在不同的页面,把它们细分说明。
  四、如何简化设计
  要想把设计简化,极简设计必须要求结构,颜色,形状,线条,内容,文字都要精简。工具栏上尽管会让你觉得乏味,但是相对把所有内容全盘托出,让唯一的重点呼之欲出更吸引用户眼球。选好要主要的内容,并以之作为你设计的重心来提醒自己。
  五、框架主导内容
  通过浏览下列的展示,你会发现一些设计者会加很多显眼的且微妙的颜色,独特的排版和引人入胜的形态在里面。尽管只需要一个独特的线框设计来迎合所有的元素。在一个空白的页面创造一个线框需要额外地留心。有适当的框架,你便可以利用层次,排版来制造出视觉的冲击。
  构建框架,请遵循以下步骤:
  1、选定你真正需要的内容。
  2、列出优先考虑的内容,分清主次。
  尝试为你的框架作几张草图,去感受下好的视觉层次是怎样得出来的。当你得出这个框架,考虑一下怎样使布局具有美感。例如,你的图标要上颜色但是这个设计你不会在其他地方重新使用,你必须为这些作出说明。
  六、空
  空是极简主义的同义词。无论你多有创意,极简设计绝对不能离开”一片空白”的。在页面上出现的元素的空间布局需要得到平衡。
  七、平衡,对齐,对比
  平衡,对齐,对比是极简主义的三大要领。累赘的内容可以用空白和适当的构图所取代,设计的基本原理要求必须非常谨慎地处理这个问题。
  确保你的设计坚持这些准则便不需要补充额外的视觉辅助来使用户看上去是”完整”
  水平对称
  近似水平对称
  放射对称
  不对称
  与此同时,你也需要牢记其他的设计基本准则。在不同的选择中反复试验以达到最好的效果,你可以看看”设计的准则”以获得更多的信息。
  八、当过度设计成为习惯
  过度设计有时会成为习惯。无论你多想把东西设计成简单,最终的结果也是一件乱七八糟和复杂的成品。为了解决这个问题,我们必须形成某些新的习惯。
  尝试记住下面的提示。将重点放在每一次培养习惯的时候。例如,尝试在空白页面前先减少和简化内容。如果你发现找出中心思想是一件很困难的事情时,”有些东西已经遗漏了”首先要把累赘的东西拿走而不是加入新的内容。
  每一个极简主义的方面要求与众不同的天赋去驾驭它。你若想简化你的设计你必须把这些准则实践。更进一步来说,当你应用这里所提及的技术,参考那些成品再看看你还有没有在简化设计上有提高的空间。在你设计的时候,你要把关注点放在那些你不确定的东西上并让其他设计者去指出你错过的东西。
  九、极简主义的展示
  下面是一些简要的极简主义的展示。看看它们各自的设计准则,并留意下它们是如果打破我们常规却立于不败之地。
  1。JamesDayPhoto
  2。KillswitchCollective
  3。Lonely
  4。DBushell
  5。XPD。no
  6。ToyNY
  7。JoshuaSerbus
  8。AhStudio
  9。SymourPowell
  10。IconWerk
  11。NeilWilsonArchitects
  12。NonFormat
  13。Zaum
  14。ChecklandKindlysides
  15。Blumenthal
  16。TinkLondon
  17。ProudCreative
  18。Kimag
  19。BernatFortet
  20。AllDay
  十、趋势
  你所接触到的极简主义都是有它自身所特有的设计趋势。请注意这些趋势,它们是提高你设计水平的试金石。我们从前人的设计布局中不但可以获取灵感,更可以打破这些去开创一条属于我们自己的道路。
  让我们看看这些趋势的详细情况。
  十一、黑白
  最显著的趋势是黑与白的延展运用。这样做对比最明显不过,从颜色到结构,形状和内容上都可以使整体布局简化,但是如果过火了就会适得其反。看看以下一些网页时怎样定义颜色的,它们是极简主义用于网页设计上的佼佼者。同样,考虑下在强烈颜色的应用下怎样达到极简主义的效果的。
  趣味的排版
  基于排版为设计基础的网页更趋向于极简主义。
  当设计者并没有过多的刺激用户的元素,他们往往会用趣味的排版去突出内容。你甚至可以只应用一个视觉元素去排版。这是一个具有挑战性的却自成一派的技术。看看它们是如何运用排版技巧增强设计效果却仍然能保持唯一性。
  动画
  有相当一部分的极简主义设计为原则的网页是以Flash为蓝本的。适可而止的视觉造福于细节上的动画效果,例如是文本的渐出渐入的效果。同样,Flash的移动毫无疑问会成为设计的限制。突破常规的线框,排版等元素的变化将会比遵循传统套路的设计更容易用Flash做出你想要的效果。
投诉 评论 转载

关于用户体验的三个反思“一个产品没用,体验再好用户也不会去用。你觉得这句话是对还是错?”我曾在微博里发起了这样一个讨论。看到“一个产品做到60才需要用户体验”的评论时,我很吃惊:用户体验难道只……通过设计让APP变快的6个方法我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能……做设计很慢?先来改正你使用PS的10个坏习惯PS用途广泛,方法多样。可以用不同的方法来实现同一种效果,有时,大家会被思维局限住,采用”最笨”的办法完成工作。本文,便是面对这一问题,罗列出PS使用中的10条坏习惯,相……网页设计的极简主义:少即是多有一些设计者,经过一轮艰辛做了一个很少元素并看上去不错的网页,或者他们做的网页最后看上去不会很”复杂”。网上有很多关于极简设计用在网页上的文章,这篇文章目的是指……新浪微博说:我们开始考虑用户体验了活跃度降低、用户体验差,近来一直是新浪微博的产品经理难以抹去的槽点。除了经理们的自证,新浪微博需要拿出一个大的变革,改善用户体验,保证活跃用户。以此去满足包括阿里在内的投资者,……用户研究:如何在调查中询问满意度一个差强人意的满意度调查的例子:你如何评价我们的客户服务?A不错,我很满意。B不好,我不满意。上述例子……PS新手教程!打造一枚简约音乐播放器用PS中的矢量形状以及图层样式打造精致的音乐播放器组件。界面设计一定要保持简约,保证原汁原味的内容,一眼即知的操作方式。音乐组件通过本文,你将学习到:如何使用……鼠标老当益壮,新交互方式蓄势待发今年7月4号,科技界公认的鼠标之父DouglasE在家中辞世,这位前瞻的科学家不仅可以说是革新了人机交互方式,发明了鼠标,他……产品经理该如何评价用户体验的好坏不管是什么产品都会和用户体验搭上关系,用户体验的好坏有时候会直接影响一个产品的成败。通常来说,用户体验是一种主观的感受,是用户在使用产品的过程中所感受到的、所获得的全部内容的总……记住,用户只愿为“体验”付钱政治经济学里讲“价格取决于价值,价值决定价格”,这是传统的定价法。但这个定价法则,远远解释不了今天的商业现象。比如,一部iPhone的毛利大概是60,一个真品LV包的毛利……让数据阅读更舒适!带你玩转表格设计hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表……清楚明了的对话框选项对话框最常见的不当设计就是选项上的文字出现:是(YES)与否(NO),回想在学生时期考试的时候,O与X在是非题中是唯二的两个答案,而出题者会透过文字叙述上正反的误导,来测验学生……
美图秀秀、百度魔图移动端竞品分析报告解决产品问题,把握好这8个字小议产品背后隐藏的用户需求为什么产品经理都不愿意做后台管理系统?eBay实习记:hackweek都做了些什么?产品经理果然是个看脸的职业版本管理:“拖延症”患者看过来,这里有药缺乏这四个技能,都不好意思说自己是做产品的面试经验:成功产品的5个维度PM的第一周:我想和这个世界谈谈互联网用户的9个行为特征UML图绘制的注意点和实例分析
明日方舟你知道伊莎玛拉是谁吗?你最想问她一个什么问题?热议聚 产品经理思维方法论怎么寻找产品极致的关键点方向助力油多久换一次(液压转向助力油6年了)防高空坠物棚被认为是违建怎么办建议书产后跳绳减肥好不好呢?年新员工入职承诺书供热计量温控一体化解决方案秋天企业演讲稿35分钟简短红色经典故事:毛委员送棉衣商业智能BI中,业务质量分析和业务成本分析

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