作者：Marc Hemeon译者: 彩云Sky，文章泉源于彩云译设计许多低级网页设计师，在初入行时，往往会有一些细节上的工具做欠好，导致整个画面看上去粗拙没品质，这些细节可能是很细微的，很容易被设计师不重视或直接忽略掉，当加起来有几条细节没有做好，你的作品的品质已经开始下降，所以要做好界面同时也要注重设计细节的处置惩罚。今天分享10条实用的网页设计设计干货，内里提到许多关于网页设计相关的微细节，对于初入行的设计师都值得一看。

好的设计原则是可以很容易被公共学习和实践的。本文将先容一些设计技巧相关的基础知识，看完这些说不定你今天就能用上！如果你不确定自己适不适合做设计，请记着大神Dave Grohl关于学习新事物的看法：我从未学过打鼓，也从未上过吉他课，我只是想做就去做了。我认为，如果你对某件事充满热情，有动力，有专注力，就能做好你想做的任何事。

— Dave Grohl, Foo Fighters记着Grohls先生的话，准备好开始今天的速成班了吗？系好宁静带，老司机带你飞：1.对比度不能太小配景与内容之间的对比度应该足够适合阅读，以免引起眼睛疲劳。通常，白色配景下的玄色文本是最容易读的，只管不要用浅灰色，黄色和绿色的文字。如果你自己做完设计稿，不得不眯着眼睛才气看清，那就肯定是有问题了。

2.深灰色比玄色要更容易阅读如果可以选择，推荐使用#333333 RGB(51,51,51)而不是纯玄色作为文字内容。纯玄色配上白色配景会让眼睛发生视觉发抖，让文字难以聚焦。3.焦点内容要突出首页的结构尤为重要，应该要清楚的显示应用的主要功效。焦点内容应该是显而易见的，而不需要通过缩放，转动或点击等操作才气知晓。

让我们一起来看看市面上把视觉条理结构做的比力好的例子吧。Instagram (下图中的左边) 焦点功效是希望用户上传照片/视频；Pinterest (下图中的右边) 的焦点功效是发现和搜索灵感图片，所以把搜索放在了顶部最显著的位置。再看看另外2个案例Spotify (下面的左图) 希望给音乐专辑更多的曝光，所以将播放页面中的专辑封面放到最大，将播放器控件放在第二重要位置；然后在第二重要的播放器控件中再举行重要级拆分，联合用户的实际需求频率，把播放和暂停放大，快进和快退缩小。Facebook (下面的右图) 看起来比力像Instagram，把朋侪的内容放在了焦点位置上，因为社交是Facebook的焦点业务。

4.注意对齐所有元素当看到一个设计不舒服的时候，首先应该思量到的就是对齐问题。当设计师们在强调需要使用“网格”体系时，他们其实是在提醒团队注意对齐问题。（译者注：新手只要把对齐这个看似简朴的问题做好，设计就能提升一个档次！许多新人会把设计元素居心调的歪七扭八，以此体现他们做了设计，我当年刚入门的时候也犯了这样的错误。

实际上，有纪律的工具能形成美感，对齐不是一种禁锢，而是一种好的设计方式。）调整好对齐问题是可以对任何网页或应用设计最行之有效的优化设计手段之一，只要做好了，效果能立马好上10倍以上。看看另一个对齐问题，这个是medium的一个页面。这是我从Medium上找到的网页设计结构——你以为怎样？(提示: 注意对边边缘的对齐情况。

)左图，我突出显示了由于对齐问题带来的视觉流向，而在右侧，我只是将所有主要内容举行了左对齐。左图糟糕的对齐形式，右图是调整后的对齐形式（点开图片可以检察大图）5.掌握文字的巨细和间距我们并不是为蚂蚁设计的。增大文字的尺寸和间距，能够使得内容更容易阅读和消化。

6.使用合适的结构形式大多数App或者网站都市用到搜索，关于如果排布详细的搜索效果一直存在一些争议。如果效果的排序很重要，那么使用列表视图是最有效的。

如果顺序无关紧要，而你希望你的应用是勉励用户去发现（好比Pinterest），则使用网格视图更为合适。7.先用黑白设计，后面再加颜色使用黑白设计时，能更专注于解决和设计应用的焦点体验。而如果在做结构框架的同时，加入颜色，会引起一些情感上的滋扰，会打断我们专注于焦点问题设计上的能力。（译者注：先做交互，后做视觉，现在应该大多数都是这么个流程吧。

）8.打造舒适的设计关于舒适的手势体位确实是一个需要注意到的问题，关于这方面也有专门的研究文章，Luke列出了手机中最容易接触和使用的区域（至少对于右手作为习用手的人来说），其实我希望看到应用中有一个设置，可以让用户从右手界面切换到左手界面。大部门的App都将导航和焦点操作放在手机的底部三分之一处。9.善用配色板颜色的使用一门技术活。

我强烈推荐你在Dribbble上搜索“Color Palettes”，或者使用设计导航推荐的配色工具或者 Color Claim ，会有惊喜！为自己省下重复纠结的时间。10.使用IOS或者Google的系统规范苹果和谷歌都为开发者提供了大量的UI组件和规范。好比，像谷歌就提供了规范，组件，配色，图标等等，资助你实现快速设计和开发。

苹果也提供了他们的人机交互规范。最后记着，设计还需要大量的训练。提高自己的审美和设计水平需要大量的时间和训练，但如果运用好上面所写的一些设计技巧，会让你做出更好的设计。喜欢请多多关注易杰智科技！。

本文来源：米乐m6官网登录入口-www.hnmfwl.com