第一站 - 轻松上网从此开始!

上网第一站

当前位置: > 运营 >

网站设计分析:专题网页设计 你怎么看?(2)

时间:2012-11-02 11:41来源:网络 作者:dreamstarry 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
虽然是突出视觉样式的专题设计,但让用户能够关注专题内容还是基本。不能因注重头图的设计而有所怠慢,不一定要遵守栅格化的理论,但通常为了后续

  虽然是突出视觉样式的专题设计,但让用户能够关注专题内容还是基本。不能因注重头图的设计而有所怠慢,不一定要遵守栅格化的理论,但通常为了后续的制作方便我通常以5px的倍数进行间隔区分,个别情况可以例外,只要间距在视觉上保持规整即可。除了一些”PK性质”的专题模块,要注意模块栏目分布的权重,内容的主次要清晰,排布在逻辑上有关联性。

  特色模块,视觉突出

  一些重点突出的模块要和其他栏目模块做区别设计,做到突出而不突兀。

  标题栏和模块的细节也应该注重视觉效果,较产品页面而言可以做一些修饰,但不可喧宾夺主。

  

 

  为获奖模块设立单独的样式。

  

 

  标题栏的也可以根据主题设计细节

  专题二级页和系列专题

  通常二级页面的头图都是复用主页,但也要适当的为每个页面增加视觉元素予以一定的区别。要注意的是增加的样式也不易过繁,因为头图的存在会显得凌乱。

  

 

  

 

  为不同的二级页面设计区别的视觉元素。

  如果需要打造系列专题,就要注意规划设计复用元素,比如相同的logo标题,和为强调系列感的统一视觉风格。以此强化用户的对系列专题的印象和认知。

  

 

  

 

  

 

  系列专题的元素logo复用以及风格统一。

  专题设计细节注意的若干点

  • 头图要有延展性,要注意宽屏分辨率下的显示特点。

  • 专题交互细节,为按钮翻页等交互元素设计各种状态,会有更好的体验效果。

  • 专题自身的视觉设计的延展和统一,包括专题附属的弹层,对话框等的细节设计。

  • 交付物的规范。专题图层众多,题设计完毕后交付前端的同事时,应该对图层进行分组。文件体积大就要删除或隐藏无用的图层。

  • 专题设计稿提交时,尽量可能采用不同的图片,数目参差的正文,来替代设计稿中的模拟内容,这样有时够发现一些忽略的问题(如文字过多溢出,以此来进一步调整间距等),重要是可让他看上去更像是一个即将上线的真实页面,更好的展现你设计的最终面貌。有时会觉得多此一举且低效,但这能让我们显得更专业。

  • 良好的沟通:设计师可以提出更好的风格意见,视觉创意,然而满足需求方的推广需求才是前提,所以通过良好的沟通加深对专题需求的理解,可以更准确的把握专题需求,避免返工等问题出现。

  • 字体的问题。受浏览器的限制的,目前微博专题的主要字号还是14和12号的宋体(设备字体)

  做正文基本可以保证清晰锐利,但如果用来做标题栏时候就不那么美观了。这时应该和需求方、前

  段的同事沟通,在不频繁更改文案的情况下尽量使用图片来制作标题栏的文字效果,达到应有的视觉效果。

  • 前端的规范与限制,如果需要复杂的圆角和半透明页面效果,最为稳妥的方法是为设计两套适应高低级浏览器的视觉解决方案,如果条件不允许,就要看前端同事对浏览器支持的策略,总之前端实现的问题,作为设计师应该主动沟通并推动其解决。(这还包括专题上线后的跟踪反馈。)

  好的专题设计,有创意,整体效果和谐,用户印象深刻,内容传达有效,视觉元素有延续和继承。整个页面衔接不生硬。这都需要设计师动脑去巧妙构思和发挥,有时工期紧迫,不能做到事无巨细,我也无法全部按照自己所写这样去设计专题。

  但这不妨碍我把它当做一个目标去不断接近。“追求卓越,成功自然尾随而至”——《3 idiots》

  元芳,你怎么看?

  作者微博UDC

 

  快速搭建节日促销专题 先从文案找灵感

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕