不能不知道的专题页设计技巧
了解主题
页面功能:产品页面简单易用,并且特殊页面在视觉效果方面既华丽又令人印象深刻。
在页面设计中,产品页面的设计(例如Facebook,Weibo,Twitter,Weibo,Weibo,Weibo等)。注意功能和互动,设计应考虑用户的长期浏览体验。从视觉上讲,间距,布局,按钮和徽标以及图标样式。专注于规范和视觉识别。该样式通常简单易用,几乎没有华丽的元素,并且不会在视觉上强调影响。
主题页面的及时性是有限的(大多数主题都有促销和活动时间限制。在此时间之后,很少有人会再次访问页面。),并且大多是活动促销和吸引用户,可以在有限的时间内使用。只有吸引大多数用户,我们才能形成强大的促销活动。我们需要强大的视觉效果和有趣的浏览体验来实现吸引用户的特征。在规格,布局甚至交互作用中,要求可以适当放松。
吸引用户并留下深刻的印象,这是特殊设计的主要重点!
传统产品页面,简单,专注于视觉设计,例如功能和图标。
特殊页面突出了视觉效果,而且华丽又丰富
微博主题主要是为各种微博活动和促销内容而设计的。有很多内容。在设计头部图片的主要视觉效果时,您还应该注意大量内容和列的布局。只有从特殊视觉设计的特征开始,您实际上才能产生出色的页面。
设计主题
建立UE并交流需求。
Demander的UE草稿(产品文件)是主题设计的先决条件,设计师和Demander需要共同交流。设计师可以在早期阶段就主题要求提出自己的想法和解决方案,然后需求者组成UE草案。然后,设计师根据设计草案进行设计。由于主题设计通常没有特殊的互动设计支持,因此多次,UE草案仅阐明了要在主题中显示的内容,设计师需要对UE本身进行一些交互式调整和优化。 (应该注意的是,UE的优化设计通常是渐进的,并且在整个设计主题过程中运行,并且可能无法一次翻新整个主题UE)。
主题结构
大多数主题结构可以分为头部图像部分和内容部分。传统主题通常只有一个主页,而复杂的主题由几个次要页面组成,具体取决于主题的大小。一些特殊的主题具有特殊的表达方式,包括闪光灯制作迷你矿,以及一些具有特殊形状的特殊主题。采用哪种结构取决于谁能更好地满足需求。
带有特殊结构的特殊主题kaiyun.ccm,头像是封面,该主题的经验类似于翻转一本书
主题大小
微博主题通常具有更多的内容,这会使页面高度太高(许多主题的高度达到3000px)。在设计过程中,有必要适当缩短柱子的间距开元棋官方正版下载,并尽可能最大程度地减少页面高度。主题页面的宽度与微博主网站的宽度相同。该宽度与最广泛的显示分辨率(1024px*768px)相兼容,但是由于该主题的设计更加关注视觉效果,而且许多年轻用户目前(年轻用户通常是该主题的核心用户),所以显示分辨率已超过1024px,因此我经常保证该主题的主要视觉和主题内容低于950px,而头部图像的实际设计效果将在1600px宽度时是最好的。确定显示。
600px是我们定义的微博主题的第一个屏幕高度,这是大多数用户可以在第一个屏幕上看到的区域。在这个区域,我通常在280px-400px左右的标题图像的比率。这样做的目的是突出显示主题的主要视觉效果,同时允许用户在第一个屏幕上浏览某些主题内容。 (通常,产品页面的头视觉高度要小得多,这取决于产品页面本身的特征。)
设计头图
建立结构后,开始设计的设计开始。优秀的头像是主题设计的灵魂。
设计头部图片时要考虑的第一件事是头部图片的设计样式。根据不同的主题选择不同样式的视觉设计。通常,我将提前概述纸面或事先概念的一般想法。一些主题没有具体的视觉元素,因此请先从主题的文本开始。如果确实难看,您可以首先将与该主题相关的某些元素拼凑在一起。然后尝试各种组合,也许会在一段时间内创建火花。
头像样式
关于微博主题的头部图片的设计风格大致分为:现实,卡通插图和突出的标题。有许多现实的头像需要出现字符的版权,因此逼真的样式较少,其中大多数是后两个。如果需求方同意设计风格开yun体育app官网网页登录入口,我喜欢将自己绘制的一些视觉元素放入头部图像的设计中,以最大程度地减少材料的使用。
现实的样式头部图片主要由字符组成。
卡通绘图头图像。
标题为主要标题的标题图片。
头部图像组成
在某种程度上,标题图像的设计与较大的横幅有点相似,但是有很多差异。它需要考虑如何巧妙地与以下内容连接,并且大小更大,更多的细节越来越多,并且可以更改构图。如果只是常规的构图,它将使主题显得单调,暗淡且视觉效果差。
弧切割器头部图和内容区域的组成
标题标题
除了具有精美的视觉元素外,还应在标题图片中强调一个良好的标题图片,这通常需要设计师花费特别的精力来创建字体的变形和特殊效果。良好的字体效果实际上可以成为该主题的主要视觉效果,成为最引人注目的部分,也是反映主题主题的最直接方法。
手绘设计标题标题
一般的头部图像设计只是主题的视觉元素的反映,而某些头部图像本身具有主题内容,这取决于主题的内容和需求。即使这样,您也应该注意美丽的风格。
标头图像本身是携带内容的功能
头部图像部分的设计是整个主题的重点,也是该主题需要最多突出的亮点。头部图像可以建立整个主题的基调。
优秀的头像应与主题内容紧密相关,并吸引用户留下来。
主题内容区域的设计
各种形式和巧妙的联系
内容区域和头部图片之间的连接应该很聪明,不应僵化。该表格可以进行许多更改,并结合该主题的整体视觉元素,或在头部图像中继承视觉元素,并设计不同的样式以使内容区域更加生动。总体而言,使特殊页面的视觉效果更好地统一〜!
使用桌布菜单来创建餐饮主题的组合。
桌布固定头部图像本身也成为内容的背景。
清晰的内容和合理的布局
尽管这是一种突出视觉风格的特殊设计,但仍可以允许用户注意特殊内容仍然是基本的。您无法忽略,因为您要注意标题图的设计。您不必遵循栅格化理论。但是,为了随后的生产,我通常会区分5px的倍数。只要在视觉上维护间距,各个案例可能是例外。只是规律。除了一些具有“ PK性质”的特殊模块之外,我们还应注意模块列分布的重量,主要内容和次要内容应清楚,并且该布置应在逻辑上相关。
特色模块,视觉上出色
某些关键模块应与其他列模块不同,以使其突出但不突然。
标题条和模块的细节也应注意视觉效果。您可以比产品页面进行一些修改,但是您不应高估主要内容。
为获胜模块设置单独的样式。
标题栏也可以根据主题详细信息设计
特殊主题,次要页面和一系列主题
通常,次要页面的标头图像是可重复使用的主页,但是应适当地将视觉元素添加到每个页面以进行某些差异。应该注意的是,添加的样式并不是太复杂了,因为标题图像的存在会看起来很混乱。
为不同的二手页设计不同的视觉元素。
如果您需要创建一系列主题,则应注意计划和设计重复使用元素,例如相同的徽标标题,以及强调系列意识的统一视觉风格。这样,用户对这一系列主题的印象和看法得到了加强。
一系列特殊主题的元素徽标重用和风格统一。
在主题设计的细节中要注意几个点
•头部图像应具有延展性,并注意宽屏幕分辨率下的显示特征。
•主题互动细节,为交互式元素(例如按钮页面转弯)设计各种状态,这将具有更好的体验效果。
•主题本身的视觉设计的扩展和统一,包括子弹层的详细设计,对话框等。
•可交付成果的规格。有许多特殊主题层。当设计主题时,在问题完成后,应分组给前端的同事。如果文件很大,则需要删除或隐藏无用的层。
•提交特殊设计草案时,请尝试使用具有不同数字的不同图片和文本来替换设计草案中的仿真内容。有时可能会发现一些被忽略的问题(例如过多的文本溢出,以便进一步调整间距等),重要的是要使它看起来更像是一个将很快启动的真实页面,最好显示最终的亮相您的设计。有时感觉不必要和效率低下,但可以使我们显得更加专业。
•良好的沟通:设计师可以提出更好的样式观点和视觉创造力,但是满足需求方面的促销需求是先决条件。因此,通过良好的沟通,加深对主题需求的理解可以更准确地掌握主题的需求,并避免返工和其他问题。
•字体问题。由于浏览器限制,微博主题的主要字体大小仍然是第14号和12号的歌曲字体(设备字体)
制作主文本基本上可以确保清晰的清晰度,但是当用作标题栏时,它不会那么美丽。目前,它应该与需求方面和前部有关
当Duan中的同事交流时,尝试使用图片来创建标题栏的文本效果,而无需经常更改文案写作以实现适当的视觉效果。
•前端规格和局限性。如果需要复杂的圆角和半透明的页面效果,则最安全的方法是设计两套可适应高和低级浏览器的视觉解决方案。如果条件不允许,则取决于前端同事的浏览。设备支持的策略是上一端实现的问题。作为设计师,他们应该积极沟通并促进他们的解决方案。 (这还包括在启动主题后跟踪反馈。)
良好的主题设计,创造性,和谐的整体效果,令人印象深刻的用户,有效的内容交流以及视觉元素的延续和继承。整个页面并不僵化。这要求设计师使用大脑巧妙地构思和发展。有时,施工期很紧急,我无法详细地完成所有操作,而且我无法像我所写的那样设计特殊主题。
但这并不能阻止我不断将其作为目标。 “追求卓越,成功自然会跟随” - “ 3个白痴”
你怎么认为?设计师!
如果您认为这篇文章很有价值,请选择将其发送给朋友或与朋友圈子分享
我们是一群充满爱心的设计师,我们期待着您的加入!