10条网页设计干货,刚入行也能做好设计。

很多初级网页设计师,在初入行时,往往会有一些细节上的东西做不好,导致整个画面看上去粗糙没品质,这些细节可能是很细微的,很容易被设计师不重视或直接忽略掉,当加起来有几条细节没有做好,你的作品的品质已经开始下降,所以要做好界面同时也要注重设计细节的处理。

今天分享10条实用的网页设计设计干货,里面提到很多关于网页设计相关的微细节,对于初入行的设计师都值得一看。

10条网页设计干货,刚入行也能做好设计。

好的设计原则是可以很容易被大众学习和实践的。本文将介绍一些设计技巧相关的基础知识,看完这些

说不定你今天就能用上!

10条网页设计干货,刚入行也能做好设计。

如果你不确定自己适不适合做设计,请记住大神Dave Grohl关于学习新事物的看法:

我从未学过打鼓,也从未上过吉他课,我只是想做就去做了。我认为,如果你对某件事充满热情,有动力,有专注力,就能做好你想做的任何事。

— Dave Grohl, Foo Fighters

记住Grohls先生的话,准备好开始今天的速成班了吗?系好安全带,老司机带你飞:

1.对比度不能太小

背景与内容之间的对比度应该足够适合阅读,以免引起眼睛疲劳。通常,白色背景下的黑色文本是最容易读的,尽量不要用浅灰色,黄色和绿色的文字。如果你自己做完设计稿,不得不眯着眼睛才能看清,那就肯定是有问题了。

10条网页设计干货,刚入行也能做好设计。

2.深灰色比黑色要更容易阅读

如果可以选择,推荐使用#333333 RGB(51,51,51)而不是纯黑色作为文字内容。纯黑色配上白色背景会让眼睛产生视觉抖动,让文字难以聚焦。

10条网页设计干货,刚入行也能做好设计。

3.核心内容要突出

首页的布局尤为重要,应该要清楚的显示应用的主要功能。核心内容应该是显而易见的,而不需要通过缩放,滚动或点击等操作才能知晓。

10条网页设计干货,刚入行也能做好设计。

让我们一起来看看市面上把视觉层次结构做的比较好的例子吧。

Instagram (下图中的左边) 核心功能是希望用户上传照片/视频;Pinterest (下图中的右边) 的核心功能是发现和搜索灵感图片,所以把搜索放在了顶部最显著的位置。

10条网页设计干货,刚入行也能做好设计。

再看看另外2个案例

Spotify (下面的左图) 希望给音乐专辑更多的曝光,所以将播放页面中的专辑封面放到最大,将播放器控件放在第二重要位置;然后在第二重要的播放器控件中再进行重要级拆分,结合用户的实际需求频率,把播放和暂停放大,快进和快退缩小。

Facebook (下面的右图) 看起来比较像Instagram,把朋友的内容放在了核心位置上,因为社交是Facebook的核心业务。

10条网页设计干货,刚入行也能做好设计。

4.注意对齐所有元素

当看到一个设计不舒服的时候,首先应该考虑到的就是对齐问题。当设计师们在强调需要使用“网格”体系时,他们其实是在提醒团队注意对齐问题。

(译者注:新手只要把对齐这个看似简单的问题做好,设计就能提升一个档次!很多新人会把设计元素故意调的歪七扭八,以此体现他们做了设计,我当年刚入门的时候也犯了这样的错误。实际上,有规律的东西能形成美感,对齐不是一种禁锢,而是一种好的设计方式。)

调整好对齐问题是可以对任何网页或应用设计最行之有效的优化设计手段之一,只要做好了,效果能立马好上10倍以上。

10条网页设计干货,刚入行也能做好设计。

看看另一个对齐问题,这个是medium的一个页面。

10条网页设计干货,刚入行也能做好设计。

这是我从Medium上找到的网页设计布局——你觉得怎样?(提示: 注意对边边缘的对齐情况。)

左图,我突出显示了由于对齐问题带来的视觉流向,而在右侧,我只是将所有主要内容进行了左对齐。

10条网页设计干货,刚入行也能做好设计。

10条网页设计干货,刚入行也能做好设计。

左图糟糕的对齐形式,右图是调整后的对齐形式(点开图片可以查看大图)

5.把握文字的大小和间距

我们并不是为蚂蚁设计的。增大文字的尺寸和间距,能够使得内容更容易阅读和消化。

10条网页设计干货,刚入行也能做好设计。

10条网页设计干货,刚入行也能做好设计。

6.使用合适的布局形式

大多数App或者网站都会用到搜索,关于如果排布具体的搜索结果一直存在一些争议。

如果结果的排序很重要,那么使用列表视图是最有效的。

如果顺序无关紧要,而你希望你的应用是鼓励用户去发现(比如Pinterest),则使用网格视图更为合适。

10条网页设计干货,刚入行也能做好设计。

7.先用黑白设计,后面再加颜色

使用黑白设计时,能更专注于解决和设计应用的核心体验。

而如果在做布局框架的同时,加入颜色,会引起一些情感上的干扰,会打断我们专注于核心问题设计上的能力。(译者注:先做交互,后做视觉,现在应该大多数都是这么个流程吧。)

10条网页设计干货,刚入行也能做好设计。

8.打造舒适的设计

关于舒适的手势体位确实是一个需要注意到的问题,关于这方面也有专门的研究文章,Luke列出了手机中最容易接触和使用的区域(至少对于右手作为惯用手的人来说),其实我希望看到应用中有一个设置,可以让用户从右手界面切换到左手界面。

大部分的App都将导航和核心操作放在手机的底部三分之一处。

10条网页设计干货,刚入行也能做好设计。

9.善用配色板

颜色的使用一门技术活。我强烈推荐你在Dribbble上搜索“Color Palettes”,或者使用设计导航推荐的配色工具或者 Color Claim ,会有惊喜!为自己省下反复纠结的时间。

10条网页设计干货,刚入行也能做好设计。

10.使用IOS或者Google的系统规范

苹果和谷歌都为开发者提供了大量的UI组件和规范。

比如,像谷歌就提供了规范,组件,配色,图标等等,帮助你实现快速设计和开发。

苹果也提供了他们的人机交互规范。

10条网页设计干货,刚入行也能做好设计。

最后记住,设计还需要大量的练习。

提高自己的审美和设计水平需要大量的时间和练习,但如果运用好上面所写的一些设计技巧,会让你做出更好的设计。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/48838.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月4日
下一篇 2022年7月4日

相关推荐

  • 有哪些网页功能可能破坏用户体验?

    随着互联网的发展,网站设计成功与否可以直接决定交易的成败。如果网站设计没有吸引力,网站的用户体验很差,消费者将很快把目光转移到其他地方购买,因此在网页设计中需要既能给潜在客户留下深刻印象,又能提供令…

    2019年6月30日
    0314
  • 哪种网站结构布局对SEO有利

    网站内部结构优化对网站建设起到计划和指导的作用,对网站的内容维护、後期SEO起到关键作用。网站结构是一个网站的核心,如果从搜索引擎最优化开始没有考虑进去,长远的发展必定会让站长朋友手足无措。好了下面进入…

    2022年6月17日
    0135
  • 做一个建筑公司网站多少钱?工程建筑企业网站建设制作费用分析!

    做一个建筑公司网站多少钱?工程建筑企业网站建设制作费用分析!建筑行业的市场早已不局限在自己熟人圈里,而是像在宣纸上作水墨画一样在整个建筑大市场铺面开来。在这样的背景下,要想立足长远发展,我们就要不断…

    2023年5月25日
    00
  • 网页设计技巧分享。

    图片、文字和色彩一直是网站设计的核心内容,设计师需对这三大块内容进行合理的排版布局,让每一个细节都发挥出应有的作用。 网站设计中占据篇幅最多的就是图片和文字,想要获得一个好的网站设计效果,就需要将图片…

    2022年7月4日 建站资讯
    097
  • 建设开发一个类似工品汇商城的工业用品电商平台网站大概多少钱?

    建设开发一个类似工品汇商城的工业用品电商平台网站大概多少钱?先来了解:工品汇的发展史!工品汇通过为用户提供一站式优质采购体验的网站和移动端,以富有竞争力的价格,提供具有丰富品类及品质的商品和服务。另外…

    2023年5月25日
    00
  • 企业网站设计需要考虑哪些因素?

    网站设计,对于现在企业来说,想要有更大的市场竞争力企业的官方网站是非常重要的存在。企业通过网站的建设,将企业的形象进行塑造,同时将企业以及其产品向福斯推广。毕竟,现在的人们都已经习惯去网站上面去获取…

    2019年11月4日
    0225
  • 这些基於情境的清单设计模式

      旋转木马模式 将一组列表项目使用水准弧线或者水准排列的呈现方式,能够允许使用者向左或者向右检视内容,通常当前或者处於中间的专案会显示得比较大。这种清单设计模式可以省下不少的介面设计空间,能够让…

    2022年6月25日
    0158
  • 关于网络营销,不可不知道的东西。

    Peter F. Drucker (彼得·德鲁克,现代管理学之父)说过一句经典的话:“企业的宗旨只有一个恰当的定义:那就是创造顾客。” 没错,网上行销就是为了获得更多的客户。今天重蔚就与您简单聊一下网络营销这个话题。 网…

    2019年5月13日
    0215

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息