专题网页设计实战分析
知道这个话题 - 这是关于某个主题的主题,简要介绍至关重要。我们可以看到如此简短的介绍,或者长或短,但是我们必须深深地捕捉。
页面功能:产品页面简单易用,主题页面令人印象深刻。
在页面设计的设计中,产品页面(例如Facebook Weibo Twitter Micro)。注意功能,互动和设计长期浏览体验。视觉上专注于间距,布局,按钮和徽标以及图标样式。专注于调节和视觉识别。该样式通常简单易用,几乎没有华丽的元素,并且不会在视觉上强调影响。
主题页面时间是有限的(大多数主题受到促销和活动时间的限制。在此时间之后开yun体育app官网网页登录入口,很少有人会再次访问页面。),其中大多数都在促进和吸引用户。吸引大多数用户可以形成强大的促销活动,需要强大的视觉效果kaiyun官方网站登录入口,并具有有趣的浏览体验,以实现吸引用户的特征。在监管,布局甚至相互作用中,这些要求可以适当放松。
这是第一个吸引视觉效果并留下深刻印象的家庭的家庭!
传统产品页面,简单地关注视觉设计,例如功能和图标。
主题页面强调了视觉效果,华丽而丰富
大多数微博主题是各种微博活动和促销内容。有很多内容。在设计头部图的主要视野时,还应注意大量内容和列的布局。启动特殊视觉设计的特征,您实际上可以显示出色的页面。
设计主题
建立UE并交流需求。
需求方的UE手稿(产品文档)是设计的先决条件,设计师和Demander需要共同交流。设计师可以在早期提出自己的创造力和解决方案,然后由需求方组成UE草案。设计师是根据设计草案设计的。由于特殊设计通常没有特殊的交互式设计支持,因此UE草稿仅指定要显示的主题的内容,并且设计师需要自行调整和优化UE。 (请注意UE的优化设计通常是渐进的,并且穿透设计主题的整个过程可能不会在一夜之间进行翻新以翻新整个主题UE)。
特殊结构
大多数主题结构可以分为头部图和内容部分。传统主题通常只有一个主页。根据主题的规模,它的几个第二级页面变得复杂。一些特殊主题具有特殊的方式,包括类似于用Flash和一些异国情调的特殊主题制作迷你矿的特殊主题。采用哪种结构取决于谁能更好地满足需求。
特殊结构形式的主题是头部图的封面。特殊经历与书类似
特殊尺寸
通常还有更多关于微博主题,这会使页面的高度太高(许多主题的高度已达到3000px)。设计时,需要适当地减小列的间距,以尽可能降低页面的高度。特殊页面的宽度与950px的微博主站相同。该宽度用于与最广泛的显示分辨率(1024px*768px)兼容。年轻用户显示的分辨率通常是核心用户)显示屏的分辨率已经超过1024px,因此我通常保证该主题的主要视觉和主题内容在950px下,头部图的实际设计效果将会当1600px的宽度最多时,请完成。很好的显示。
600px是定义的微博功能的第一个屏幕高度,这是大多数用户可以看到第一个屏幕的区域。在这个领域,我通常将头部图的比例约为280px-400px。这样做的目的是强调主题的主题,同时允许用户在第一个屏幕上浏览某些主题内容。 (一般产品页面的头视觉高度要小得多,并且确定了产品页面本身的特征。)
设计标题
结构的结构启动了头部图的设计。出色的头部图是特殊设计的灵魂。
头图的设计必须首先考虑头部图的设计样式。根据不同的主题,选择不同样式的视觉设计。通常,我会在纸上或大脑上大致概述。有些功能没有类似的视觉元素。然后从主题的文本开始。如果确实没有印象深刻,您可以将与该主题相关的一些元素放在画布上。然后尝试各种组合,也许您可以在一段时间内擦拭火花。
头部图样式
微博主题的头部图的设计样式大致分为:现实类别,卡通插图,高标题等。大多数逼真的头部地图都需要版权中涉及的字符的外观,因此更少的样式的样式样式类型,大多数是后两种。如果Demander识别出设计样式,我喜欢在头部图的设计中放一些视觉元素,以最大程度地减少材料的使用。
现实的样式头部图主要由字符组成。
卡通绘图头部图。
标题的头部图是主要标题。
头部图
在某种程度上,主题图的设计与较大的横幅有点相似kaiyun.ccm,但是有很多差异。它需要考虑如何与以下内容巧妙地连接,并且大小更大,细节更多,并且可以更改组成。如果仅是规则的组成,它将使主题看起来单调,僵硬且视觉效果不佳。
弧形切割头图和内容区域的组成
头标题
除了精美的视觉元素外,必须强调,头部图的标题通常需要设计师花费特殊的能量来制作字体变形和特殊效果。良好的字体效果实际上可以成为主题的主要视野,最捕捉的部分,也是反映主题主题的最直接方法。
手绘设计头图标题
一般的头部图设计只是特殊视觉元素的表现,其中一些头部图本身具有主题内容,这取决于主题的内容和需求。即便如此,请注意美丽。
头图本身是在内容功能上携带的
头部图的设计是整个主题的重点,也是该主题最突出的亮点。头部图可以建立整个主题的基调。
出色的头部图应接近主题内容,美丽,并吸引用户留下来。
特殊内容区域的设计
各种形式,巧妙的连接
内容区域和头部图之间的连接应该很聪明,并避免僵硬。形式可能会有很多变化。它与主题的整体视觉元素结合在一起,或者可以设计出头部图中的视觉元素来设计不同的样式以使内容区域更加生动。总体而言,让主题页面的视觉效果更好地统一〜!
使用桌布菜单来创建餐饮主题的组合。
从桌布的开头,它也成为内容的背景。
清晰的内容和合理的布局
尽管这是一个突出视觉样式的主题设计,但允许用户可以关注主题内容是基本的。由于头部图的设计,您不必忽略您,也不必遵循网格理论,但是随后的生产通常可以方便地区分5px倍数。只是调节。除了“ PK属性”特殊模块之外,还要注意模块列的分布的重量。
功能模块,视觉突出
某些关键的突出模块应使用其他列模块设计,以使其突出而不是引人注目。
标题条和模块的细节也应注意视觉效果。与产品页面相比,可以进行一些修改,但不能进行噪声。
为奖励模块建立单独的样式。
标题栏也可以根据主题详细信息设计
主题次要页面和系列主题主题
通常,辅助页面的头图是重复使用的主页,但是有必要在每个页面中适当地将视觉元素添加到一定差异。应当指出的是,增加的样式并不容易克服,因为头部图的存在显得凌乱。
为不同的第二级页面设计不同的视觉元素。
如果您需要创建一系列主题,则必须注意计划和设计重用元素,例如相同的徽标标题以及强调该系列的统一视觉风格。增强用户对该系列的印象和认知。
该系列和统一样式的元素徽标重复使用。
有关设计细节的细节的几点
•头部图必须是延展性的,请注意宽屏分辨率的显示特征。
•特殊互动的详细信息,为交互式元素(例如按钮和其他交互元素)设计各种状态,以及更好的体验效果。
•主题本身的视觉设计的扩展和统一,包括与主题相关的炸弹层的详细设计和对话框。
•交货规格。有许多局部层。当设计后在设计后交付前端的同事的顶部时,应支付该层。文件量必须删除或隐藏。
•提交特殊设计草案时,请尝试使用不同的图片和文本数量来替换设计草案中的仿真内容。有时这足以找到一些忽视问题(例如,文本溢出过多,以便进一步调整间距等)。设计的最终外观。有时我会感到更加效率,但这使我们看起来更专业。
•良好的沟通:设计师可以提出更好的风格意见,视觉创造力,但是满足需求方促销需求的前提是先决条件。因此,它可以通过良好的沟通加深对特殊需求的理解。返回工作和其他问题。
•字体问题。受浏览器的限制,当前微博主题的主要字体大小是第14号和12号的歌曲风格(设备字体)
制作文本基本上可以保证清晰明确,但是如果用来执行标题栏,它并不是那么漂亮。目前,它应该与需求方面,前面,
段落中的同事进行交流,尝试尽可能多地使用图片,而无需经常撰写文案以使标题栏的文本效果产生理想的视觉效果。
•前端的规格和限制。如果需要复杂的圆角和半透明页面的影响,最安全的方法是设计两组视觉解决方案以适应高级浏览器。该设备支持的策略(在上一端实现的问题)应积极地交流并推广为设计师。 (这还包括在启动主题后跟踪反馈。)
良好的特殊设计,创意,和谐效果,用户令人印象深刻,内容交流是有效的,并且视觉元素继续和继承。整个页面没有硬化。这要求设计师的大脑巧妙地运动和玩游戏。有时,施工期很紧急,没有任何细节就无法完成。我无法像这样写的那样设计主题。
但这并不能阻止我将其作为目标。 “追求卓越,成功的成功” - “ 3个白痴”