我的博客模板（线框图wireframe）

不久前看到一篇介绍定制网页浏览的方法，当时就想着，我把我的博客页也修改下，在手机浏览的时候，也能漂亮的显示出来。以后写的文章的话，也可以分享的微信朋友圈里面和朋友分享。

具体步骤参考：http://www.cnblogs.com/lvdabao/p/5245247.html

我按照上面的做了，但是，手机浏览起来，还是跟一坨屎一样，不得不佩服自己的UI制作能力。

前台功底不行呀，HTML标签一知半解，js也就那样，css基本不动，你叫我咋样，咱只能一步一部来了。所以，今天就先分析下模板画面的大致结构，日后有空一点一点的把画面做的美丽些。

那么下面进入想表达的主题：博客模板的wireframe解剖

我使用的模板：MoonlightInk ⇒http://www.cnblogs.com/Skins.aspx

■用到的工具/技术

    1，Enterprise Architect

        一个相当不错的UML工具，wireframe只是它的一个小小的扩展（ver12开始支持）

官方网站：http://www.sparxsystems.cn

    2，wireframe

        线框图是整合在框架层的全部三种要素的方法：通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。通过把这三者放到一个文档中，线框图可以确定一个建立在基本概念结构上的架构，同时指出了视觉设计应该前进的方向。

※摘抄于百度百科：http://baike.baidu.com/view/1977536.htm

■画出来的效果

上也不说了，客官看看图得了

 

转载于:https://www.cnblogs.com/gekal/p/5423338.html