Drupal案例学习 - Fusion Themes (2) 设计

logo-drupal-showcase-study本站原创编译,转载请给面子,尊重劳动果实,欢迎交流指正。

继续FusionDrupalThemes.com的Drupal建站案例;通过昨天的简介,我们了解了他们的建站目标及主要功能扩展的使用,今天跟随作者介绍了解一下有关站点设计方面的话题。

最初的设计稿由大东家TopNotchThemes完成,经过相关人员的搅和,最终由外包人员完成,包括20多个通过photoshop制作的mockup原型。从一大堆线框图到最终的mockup,一路走过来不是很容易...哪个让你感慨的?!

drupal-case-study-fusion-wireframes我们页面风格的设定思路是,对那些文字为主的页面使用白底黑字对展示主题模板为主的页面使用深色背景,以凸显主题本身。比较有标志性的浅蓝色文字可以对相对单一的配色进行调和补充。头部大字的字体是“Helvetica Neue Extended Light”,页面中多数icon图标来自于可爱的Coquette icon set

在支付流程的相关页面中我们花了些心思,比如增大了Ubercart扩展的输出字号、使用大按钮和显眼的“支付保障”等等。最近有本书叫做“为投资回报而设计页面”(Web Design for ROI),对我们影响很大,建议所有意图做电子商务站点的同学们参考阅读。

有很多页面在上线之前进行了反复的修改,比如首页或是“What is Fusion?”页面。对于我们来说,在前端打造的过程中,每一步都要尽量全面的发挥主题模板的价值;这一点对于我们的那些刚刚接触CMS或是刚从其他CMS投奔到Drupal的客户来说也很重要。

接下来一篇中我们来具体看一下FusionDrupalThemes.com在自家站点的主题模板打造方面的心得。

译者:Viiiix7210

原文参考:FusionDrupalThemes.com case study: Packaging & selling code with Project, Ubercart, and Organic Groups


收藏与分享

添加评论


Security code
换一张图