Godzilla. 2016-12-05
网站建设
网页制作公司:在页面布局设计中常见的错误
在过去几年中,设计布局中的卡片模块获得了巨大的人气。像Google,Facebook和Twitter这样的公司,每天有数百万用户使用他们的产品在其界面中利用了这个流行的UI组件。不奇怪,因为,卡片布局是响应设计的兴起的完美响应。它们是自包含的单元,可以移动,混洗和混合不同的内容类型。他们可以在不同的屏幕尺寸上轻松做出反应,从移动设备上的单列到更大设备上的多列,并且可以独立于网络移动。过去的几年,我们注意到在设计时有一些陷阱。在这里,我们将介绍一些网页制作公司:在页面布局设计中常见的错误:
1.卡片布局中的内容不均匀
在一个完美的世界中,我们的内容将像在我们的Sketch文件中一样整洁和整齐(而且一致),但是现实世界的内容并不完全一致。标题更长,描述不同,(和苹果的意思一样)名字不总是4个字母。当卡以更大的屏幕尺寸放置在网格中时,我们通常可以看到中断流的大间隙。不一致的空格可以限制密度,会让整体页面内容显得有些凌乱,不方便阅读。
2.一次可以看到过多的卡片
设计师总是想要使用屏幕的整个空间,特别是在建立一个像仪表板或网络应用程序,用户可能希望看到它一目了然。然而,在网格内的太多的卡,或在任何给定时刻的屏幕上可能变得具有压倒性,并可能导致用户在观看时有压力。
与文本行长非常类似,我们想要考虑用户在任何给定时刻可以合理占用多少内容,以及用户的眼睛在它失去它的地方之前在屏幕上水平扫描多远。 我们建议您在卡容器上设置最大宽度,以限制此内容超载。摩恩网络,专业网站建设、网站优化、logo设计、品牌设计、印刷、APP/微信开发等产品服务,新上线企业VI设计套餐和网站营销推广系统(强),欢迎新老顾客前来咨询!
3.动作插图太多
卡的最有价值的事情之一是它们作为一小块内容来提醒读者观看。左上角的齿轮或右上角的垃圾桶可能看起来像是一个很好的空间利用,但将卡片的每个方面变成链接可能会对用户造成更多的混乱。
这种链接超载通常是客户的要求。我们鼓励我们的设计师思考在任何给定级别上需要什么行动,并根据重要性或类型对行动进行分组。这使我们能够将几个关键动作统一到每张卡底部容易找到的位置。
4.有不必要的视觉图卡片
我们在卡片头部都看到了漂亮的Dribbble拍摄与惊人的摄影,插图或图标。当我们的设计师将图像添加到卡上时,我们经常会问“为什么”。为什么这里需要一个图像或图标?这是否有助于用户更好地找到他们正在寻找的内容,或者只是因为用户离开默认图标变成视觉噪音?这通常是对构图理解不足,需要图像或图标来平衡网站主题产品。如何做到在网页中不存在不必要的视觉卡片?一个伟大的方法是做一些排版研究,并与内容的顺序和层次结构,直到卡看起来平衡和清楚。
下一篇:做网站的公司怎样避免电商网站跑单情况
上一篇:公司建立网站之前要搞清楚哪些问题?
文章标签:
网页设计布局
浏览次数: 1919 次
文章评论: