网站页面设计应该考虑注意哪些方面,才能设计出合适的排版?

张俊SEO
张俊SEO
张俊SEO
3580
文章
54
评论
2022年5月7日06:10:00
评论
5 1515字阅读5分3秒

摘要

做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。今天我们先来搞定第一件事:发现问题。给你下面这样的网站首页,让你找视觉层面的问题,你会怎么阐述?(注意:本文只讨论视觉层面问题。)我个人觉得会有三种不同类型的设计师

做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。今天我们先来搞定第一件事:发现问题。

给你下面这样的网站首页,让你找视觉层面的问题,你会怎么阐述?(注意:本文只讨论视觉层面问题。)

我个人觉得会有三种不同类型的设计师:

1.感觉型

他说:我感觉这个页面太乱。

你问他乱在哪里,他说不出来,仅仅是感觉!这种设计师可能刚刚踏入设计行业,或者做了很久但每天混日子的那种。

2.混乱型

他说:这个图标重心不稳,页面颜色有点脏,banner有点丑,图标描边粗细不一致。

这种设计师有一定的经验与见解,但是不善于总结与梳理,所以你会发现他们虽然能够说出问题,但都是零散的点,没有逻辑。

3.体系型

他说:问题出现在以下几个方面:颜色、图标、布局等等,其中颜色问题有….、图标问题有…..

他们能够先从大的方向将问题归类,然后再阐述细节问题,思路非常清晰。

大家应该都希望成为第三种类型的设计师,但如何能成为体系型的设计师呢?

其实无非就是将结构化思维用好,找问题也一样,不要上来就说一推零散的点,这样会让人觉得你毫无逻辑。

如果别人让你挑毛病,首先我们要禁止说“凭感觉”三个字,其次即使你能说出问题所在,说之前也要先思考一下,你所说的问题够不够系统,是否先从大的方向将其归类,然后才具体阐述。

例如就拿上面这个网站来说,我会从以下5个方面来挑出视觉层面的问题(仅供参考),大纲如下:

1.布局

2.文字

3.颜色

4.图标

5.控件

1.布局

1.1关于栅格分栏

我会挑战整个网站的栅格系统,5等分栏的布局方式使整体内容过于密集,并且很多内容并没有按照栅格来布局(比如中部的5个图标),如下图:

1.2 布局层级问题

很多需求方希望传递很多内容信息,并且每一个都是重点,最后就会导致用户根本不知道看什么,我们的这个网站就存在这个问题,重点应该是课程的导航,然而个人信息和快捷入口的图标区已经完全抢走的我们的视线。

我觉得布局层级一定要清晰,该收的应该收起来,比如个人信息;该轻的应该轻一点,比如快捷入口的图标区,如下图:

2.文字

2.1 文字规范

文字的大小及颜色的种类太多,个别还出现加粗情况,例如仅首页的字体大小有12、14、16、18、20、24这么多种,根本没有统一的规范与逻辑

2.2 文字层级

文字层级区分不明显,我们看下图:

仔细观察,我们的卡片,标题与辅助信息视觉层级很接近,几乎看不出主次,而竞品的卡片,标题与辅助信息对比很强烈,很容易就知道要突出标题。

3.颜色

3.1 整体颜色杂乱,缺少品牌感

颜色过于杂乱,没有规则,导致视觉流不清晰,根本无法聚焦内容本身,并且你几乎无法判断那个颜色是品牌色,因为实在太乱太杂了。

3.2 颜色饱和度过高,种类偏多

举个例子,前三名的序号真的需要那么抢眼吗?就算用三种颜色是否可以适当降低一下饱和度?我看了很多竞品,他们是怎么做的呢?下期再说!

4.图标

4.1 图标视觉大小不统一

4.2 描边粗细不一致

非常低级的错误!

4.3 图标风格比较陈旧

这个就是仁者见仁智者见智了,个人觉得图标风格已经是很多年前的了,所以可以整体优化!

5.控件

5.1 标签样式陈旧且不够明显

5.2 选项卡样式缺乏统一性

排行榜的选项卡有两种样式,没有进行统一设计,差评

5.3 样式的细节过于复杂

都说现在的设计要简洁,比如今年很流行的无线化分割等等。

这是网站的一块截图,我至少看到了10条分割线,包括卡片的线条,选项卡的线条等等,这么复杂的细节,你说网站能不乱吗?

声明:转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请联系管理员删除。
  • 添加微信
  • 微信扫一扫
  • weinxin
  • 公众号
  • 微信扫一扫
  • weinxin
竞价托管
张俊SEO
  • 本文由 发表于 2022年5月7日06:10:00
  • 转载请务必保留本文链接:https://zhangjunseo.com/22315.html
什么是静态化URL优化? seo优化

什么是静态化URL优化?

  静态化URL优化就是针对网址进行合理的规划,达到搜索蜘蛛抓取的友好度。蜘蛛spider是否抓取你的页面就是以URL为主要抓取路径。做好URL优化尤其重要。   什么是静态Url?   网站链接地址...
网站被封的原因分析及解决办法! seo优化

网站被封的原因分析及解决办法!

  网站被封对于从事灰产行业的人员来说并不陌生,他们每天都会遇到很多被封的网站,可对于普通的SEO人员来说却是一个接受不了的打击。下面给大家分析网站被封的相关知识,希望引起重视,避免在后续SEO优化中...
网站优化中原创文章真的更易收录吗 seo优化

网站优化中原创文章真的更易收录吗

  原始文章用来建立网站基础   实际上,当我们刚建立一个网站时,每天定期发布常规内容可以增进与搜索引擎的友谊。毫无疑问,搜索引擎更喜欢原始文章,但并非所有原始文章都将获得搜索引擎。   我认为原件应...
作为seo新手,搜索引擎工作原理你懂吗? SEM优化

作为seo新手,搜索引擎工作原理你懂吗?

摘要 搜索引擎是根据一定的策略,运用特定的计算机程序从互联网上搜索信息,在对信息进行组织和处理后,为用户提供检索服务,将用户检索相关的信息展示给用户的系统。搜索引擎包括全文索引、目录索引、元搜索引擎、...
广告也精彩
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: