您的当前位置:体育外围 > 推广常识 >

从传统印刷设计中学习网站设计

发布日期:2020-03-30 来源:admin 点击:


        传统媒体报纸是网络设计的鼻祖。网页设计是互联网上的另一种媒体,其中许多仍然适用。
        很多经典原则,比如字体设计原则,
        它仍然在线工作。
        彼得·范兰克摄
        本文着重讨论了印刷设计的几个原则,这些原则在网上仍然适用。
        您将提高UI和UX设计的水平,并创建更好、更易于理解的设计。
        一、让读者集中注意力
        印刷设计的重点是可读性,就像在网页上一样:它只是用“用户”代替“读者”。
        目标应该是清晰的表达和简单的排版,这样可以带来很好的经验。传统印刷业有哪些值得研究的案例?让大家看看下面。
        排版
        就像报纸一样,他们不逐字阅读。扫描页面是用户的标准行为。
        设计扫描时需要考虑两种模式。第一种是f模式。
        F模式排版:creative bloq的主页
        F模式反映了用户扫描页面的最常见方式。他们的视线从上方水平移动,然后沿着左侧垂直移动,寻找突出的文本。
        一旦他们找到感兴趣的内容,他们就会开始水平浏览页面。
        和Z模式:
        Z模式布局:MailChimp主页
        Z模式也是一种自然的浏览模式,通常用于报纸和网页。用户在页面顶部水平浏览,然后向左和向下移动,然后向下访问。根据用户的视觉习惯,他们会关注底层
        书面文字
        与打印一样,网页文本应该具有清晰的级别。选择合适的大小将有助于突出显示页面上的关键字,并使教程简单快捷。
        明文级别:世界烘焙日网站
        让大家看看文本层次结构的一些常见级别:
        主要内容:页面上最突出的文字更大更闪亮,吸引了用户的注意。通常用于标题和装饰。
        中学:一切都在中间。这不像标题那么明显。除了文本显示,还应该有显示。
        再次:选定文本的主要内容。文本层次结构中的此级别有助于将用户沉浸在文本中。
        其他:较小的级别,使用斜体、粗体、下划线、不同颜色等。
        通过文字的使用,可以建立文字的层次来创建秩序,防止用户迷失。
        要测试页面的可读性,请使用“三秒规则”:浏览页面并查看其他地方。亮点是否反映了你的设计意图?如果是的话,那么你的方向是正确的。如果没有,如果你不按顺序,就必须重新设计。
        二、建立平衡感
        无论平衡感来自对称、不对称还是辐射,都能带来舒适稳定的平和感。游客感到舒适,会更愿意留下来。
        不要对图片或文字太过密集:总是考虑元素之间的间隙。排版对简洁和密度的要求是有限度的。眼睛很难接受杂乱无章的东西,让人们更难接受信息的流动。

        考虑采用极简设计,色彩深度渐变,过度会带来视觉心理的双重暗示享受
        震撼简约设计案例:鞋类品牌etq网站
        上面显示的etq网站吸引了人们对所展示产品的关注。页面底部的黑白对比色块允许用户选择尺寸或查看产品价格。
        网页很少干扰信息,让用户专注于事物本身,也希翼有助于方便用户购买。
        三、创造可靠的设计
        使您的设计对所有用户都可靠。不要使用超过两种字体,确保所有年龄段的用户都能阅读。太多的杂乱会扰乱信息。
        如果您在访问时没有任何线索,您的设计可能包含太多图片。
        网站的颜色应结合企业类型,淡定柔和;如果受众是青少年,则适合使用更鲜明的颜色。
        加州大学圣地亚哥分校健康网站

        颜色与它的严肃内容相符
        以下是书籍设计中的一些常见错误,这些错误也适用于网页:
        测试不够:总是尽可能广泛地测试设计。内容可以跨越多个媒体(网页、电子书、印刷品),使文本具有新的外观。此外,互联网上的一些传统字体也不适用。结合网站整体的色调用一种字体来表达。目前,移动智能设备发展迅速。在满足PC端的情况下,还增加了移动端。
        不恰当的语调:为每个页面元素选择正确的语调。作为字体,标题应该引起读者的注意。作为标题的澄清或补充,字幕让用户感到亲切,渴望了解更多的信息。
?

推广常识

关于大家

网站案例

18523167410

重庆体育外围有限企业
销售热线:185-2316-7410 郭经理
售后服务热线:186-2334-1998
邮箱:jskj2013@sina.com
地址:重庆市南岸区南坪万达广场写字楼1栋10-1

扫二维码,获取优惠

在线客服
  • 客服1
  • 客服2
  • 客服3
二维码

扫描二维码

分享
XML 地图 | Sitemap 地图