专业创造价值,服务赢取未来!我们专注于中小企业网站建设服务15年-博士通!
0755-89812581| 网站导航
返回资讯中心当前所在位置:首 页 > 资讯中心 >设计视界 > 这10大网页设计技巧,新手必看!

这10大网页设计技巧,新手必看!

这10大网页设计技巧,新手必看!发布时间 : 2017-08-28    作者 : 博士通    浏览 : 1734

一般在网络公司,或者一些设计工作室,都会存在这么一个情况。那就是设计师人员的流失问题。比如一些女设计师,到了一定年纪肯定会考虑出嫁,生孩子啊之类的情况。那么这时候,就需要重新聘请设计人员。
一般在网络公司,或者一些设计工作室,都会存在这么一个情况。那就是设计师人员的流失问题。比如一些女设计师,到了一定年纪肯定会考虑出嫁,生孩子啊之类的情况。那么这时候,就需要重新聘请设计人员。但往往有经验的成熟设计师都不是那么好找,因此,很多网络公司会招一些有一定设计基础的人员进行培养。

那么,此类有一定基础的设计人员,如何快速进入工作角色呢?如何快速提升设计水平呢?博士通小编认为,可以从以下10方面进行特意训练。

一. 灵活使用对比

灵活的对比手法,可以突出页面重点,如下图:

网页设计中的10条基本原则1

通常来说,在白色背景上使用黑色文字可读性是非常好的。避免使用明度很高的灰色或黄色、绿色,以及不使用非常细的字体,就没有什么问题。

二. 【接近黑的黑】比【黑】更容易阅读

如果有设置文字黑色的机会的话,请不要使用纯黑色(#000000),让我们来使用“灰黑色”(#333333)吧。在纯白的背景上叠加纯黑,看起来会比较晃眼,专注于文字内容会比较困难。

大家可以从下图感受下:

网页设计中的10条基本原则2

三. 重要的内容放在网页内容body部分的最开始的位置

首先,通过布置最重要的情报,来提高网站和应用的舒适度。重要的内容,就算是没有放大、滚动、Tap,好好的表现出来也是非常有必要的。

如何好好利用视觉层次,让我们来参考一些案例吧。在Instagram中,用户投稿的照片/视频清楚的表现出来焦点。

网页设计中的10条基本原则3

在Pinterest中,通过将搜索栏配置在顶部,列出了一个非常漂亮的网格式布局内容。对于应用程序来说,搜索作为核心功能能发现新的内容和情报,为了寻找Pinterest也会被使用。

网页设计中的10条基本原则4

四. 将所有的东西整列好

在你在设计一个【和别人不同的】【有趣的】的作品之前,最先需要解决的问题是,确认各个要素之间是否对齐。只要对齐,就可以提升应用程序、网站和平面设计的外观了。

网页设计中的10条基本原则5

此外,作为“对齐”有关的一个参考案例,让我们看看下图。它有些地方看起来很可笑。
网页设计中的10条基本原则6


在布局的左侧,优质的内容并没有很好的体现出对齐,而右侧的主要内容却很好进行了整理排列。


五. 当心字符的尺寸和间距

通过调整字体尺寸来让阅读更方便,调整字符间距来让内容更加容易理解。

网页设计中的10条基本原则7
△ 适合的文字尺寸和不适合的文字尺寸适合的文字尺寸和不适合的文字尺寸

网页设计中的10条基本原则8
△ 适合的空间和不适合的空间适合的空间和不适合的空间

六. 搜索结果按顺序排列是非常重要的时候,请使用【列表显示】

众多的移动APP和Web应用中,有多少种类型搜索结果的表示方法直到现在都还在讨论。

其结果是,如果顺序是很重要情况下,列表形式将是最有效的展现方法。如果不管搜索结果的顺序如何,目的是帮助用户发现新的内容,那网格则是能带动视线的不二之选。

网页设计中的10条基本原则9

七. 先进行黑白设计,然后再追加颜色

用黑白的单色设计,是可以解决APP的核心问题点的一种设计。

由于颜色能无意识的反应出人的感情,在设计UI组件时可能会成为一种阻碍。

网页设计中的10条基本原则10

八. 目标是舒适的设计

如果想解决单手操作时带来的操作问题,可以参考下图。
网页设计中的10条基本原则11
在该图示中,直观的反应出了右手操作智能手机时的状态,在设计APP时可以有效的使用这种技术,如屏幕的下面的1/3处布置导航菜单等核心的功能。

九. 使用完美的配色板

颜色也是一门奥秘很深的艺术,为你的设计选择合适的配色是非常重要的。在Dribbble可以找到不错的调色板,非常推荐使用像Coolors或Color Claim这样的调色板生成工具。

网页设计中的10条基本原则12

十. 了解Apple或Google的设计原则

Apple和Google开源了对开发Android、iOS 用软件的人来说重要且极好的资源。例如,在谷歌material的概要中,从APP设计的指导方针开始,齐聚了各种素材资源、配色、图标、部件资源。

网页设计中的10条基本原则13

而在Apple中,则有着Human Interface Guideline,通常被称为HIG的文件编制。该准则为你详细介绍了设计iOS应用程序所需的知识。

总结

想发现设计中所出现的问题所在,长时间的练习是非常有必要的。通过这10个方面的持续联系,可以在工作中比较快速地提升自己的设计水平,那么,升职加薪自然也不在话下啦。

案例推荐

深圳英博达智能科技有限公司

深圳英博达智能科技有限公司

案例热度_48372019-03-07
深圳市同德税务师事务所

深圳市同德税务师事务所

案例热度_46672019-03-06
贵港贵和科技有限公司

贵港贵和科技有限公司

案例热度_46712019-03-05

其他人还阅读了该篇文章:网站设计制作中最实用的扁平化布局方式

您可能感兴趣的文章:公司网站建设注意事项    |    企业网站建设套餐    |    企业手机网站制作    |    企业网站如何优化    |    企业网站改版收费

关于我们 / About Us
深圳网站建设办公环境 博士通是一家一站式中小企业网络运营方案提供商,全国统一服务热线 :0755-89812581 ; 博士通总部位于深圳,业务涵盖域名注册,空间购买,深圳网站建设,网站建设和改版,微信公众号运营,百度竞价托管,网站优化推广引流,手机网站建设,小程序开发,购物网站开发,企业邮箱申请等服务。和传统网络公司不同的是,博士通在网页设计风格上独树一帜,领先行业率先推出宽屏企业网站设计风格,围绕客户需求的同时兼具行业潮流设计网站,让网站在新式设备上获得更好地展示效果;历经14年网站建设企业网站制作经验积累,客户遍及深圳,广州,成都,香港等地,涉及办公,装饰,电子,物流等不同行业... > > > 详 情
联系我们 / Contact Us
深圳市  龙华新区
富泉大厦715室
0755 - 业务咨询
89812581
售后QQ : 1227522459
E-mail : service@800535.com
© 2004-2019 深圳市博士通科技有限公司 版权所有( 粤ICP备15005241号 )  网站常年法律顾问:朱运德律师   
logo
做个企业网站多少钱?点击QQ图标,马上知道答案!
logologologo
咨询热线:0755 - 898 12581