模板设计

模板设计

新的四色主题模板上架了,欢迎赏玩!

创意与设计widora芒果 回复了问题 • 5 人关注 • 5 个回复 • 297 次浏览 • 2 小时前 • 来自相关话题

瀑布流卡片风格,接受预定!先看图吧,这个是浏览器里随手搭的大概样子,实际会更精致

创意与设计bennyyao 发表了文章 • 3 个评论 • 157 次浏览 • 3 天前 • 来自相关话题

  ...查看全部


 


 


除了feed改为瀑布流卡片风格外,其他页面布局应该还会是原版布局。


另外,sidebar搬到左侧,也会有白色底,或透明底都可。


 


接受预定。如果有10人有意向买,我就开做。


 


你们还可以留言给出你的具体需求建议,我综合考虑。

做了个主题,已经初步完成,正在申请应用上架。如果您现在就想买,也可以私信我。

创意与设计bennyyao 发表了文章 • 7 个评论 • 310 次浏览 • 2019-04-10 22:50 • 来自相关话题

DEMO地址:https://unikpage.com ...查看全部


 


 


 


 




 



本模板特点:

1,提供三种主色调选择:淡紫,绿,橙。和原版一样,可以在用户菜单切换。每种色调都经过精心调制。

2,采用了波纹按钮效果,按钮点击时会有波纹特效。

3,采用了淡入淡出的浮动菜单效果。

4,整站尽可能都做了定制。但是有几个地方还没做,或者可能做得不够好:



——1)专栏部分,效果不是最满意。因为wecenter原版的专栏模块的代码相对独立,对第三方定制的支持度不高,模板定制难度较高。但是这部分,以后我们会继续完善。

——2)个人设置,其中手机修改部分,也定制得不够好。原因同上。

——3)手机版也做了定制,但是,手机版模板,不支持切换,一旦你覆盖了原版,手机版就无法再换回原版!切记!!!而且手机版没有三种颜色切换。



——4)活动、工单这俩模块,基本上没改。我们认为几乎没有人用这俩模块的,所以就不定制了。如果需要定制的,请联系我们,为您单独定制(收费)。

——5)对个别的system后端逻辑做了修改,主要是模板引入机制。原因是,wecenter目前的模板引入机制,更适合小修小改,新增样式,而对于大覆盖面、大范围的模板全面定制,支持度不够灵活,因此我们做了适当修改。但是请放心,使用我们修改后的文件,即使你再次切回原版风格,正常情况下,也不会受影响。



*** 对上述内容还不确定的,请去DEMO站  https://unikpage.com  使用体验 ***

*** 如果您对上述内容不满意,请勿购买! ***



使用条件



必须满足下列条件才可使用本模板。如果您不满足下列条件,请谨慎购买!或后果自负。



1,必须已经成功安装wecenter3.3.1及以上版本。网站可正常使用。



2,没有安装过其他模板,或您确认其他模板不会产生兼容性问题,或您确认可以自行解决任何模板兼容性问题。本模板不承诺对任何其他模板100%兼容不冲突。(当然,没有什么问题是不可以通过备份恢复来解决的!)



3,没有安装过其他任何可能对模板主题产生修改、影响的插件(或二次开发)。



4,您不是wecenter的新手小白用户。本团队不承诺提供wecenter本身的任何技术和使用咨询服务。



如何使用?



1,先备份好你的网站的三个部分:static,system,views做好备份!!!!务必!!

2,下载,解压,上传到你的网站根目录下。覆盖。

3,进入后台管理面板,在【全局设置】——【界面设置】——【用户界面风格】下拉选择 【kuaiban】,确定。

4,前端用户菜单里,可以随意切换 蓝紫、绿色、橙色三种风格。每种风格都经过我们重新设计定制,请尽情使用。

5,主题中一些地方使用了背景图片,这些图片是可以替换的。你购买之后,我会告诉你如何替换更适合你的背景,而且是同样颜色和风格的。







售后服务



1,请加入我们的版友QQ群:974189836 ,群内可提供本模板的使用咨询、技术咨询。仅限购买用户入群。

2,凡购买模板的朋友,享受半年内的升级、完善服务。这里的升级包含2个意思:

——第一,官方wecenter系统升级,我们提供免费模板升级适配。

——第二,模板本身还会承诺有若干次完善升级(代码上的、设计上的),免费提供给已购买的朋友。

3,凡购买模板的朋友,本团队后续推出的其他模板,可享50%半价优惠(如何实现折扣,再议)

4,上述好处,必须入群才有。



 



定价:



人民币¥128



请等待应用市场上架。或者联系私信我购买+入群。



wecenter一直闲置摆设的功能:界面风格切换,可以恢复出来了。以及,更好的切换主题方式。。。

创意与设计bennyyao 发表了文章 • 13 个评论 • 256 次浏览 • 2019-04-09 18:59 • 来自相关话题

    小伙伴们有多少人知道,wecenter后台的界面风格切换,这个摆设功能? &n ...查看全部
 


 


小伙伴们有多少人知道,wecenter后台的界面风格切换,这个摆设功能?


 




这里本应该可以下拉选择不同的主题。


 


可是,如何增加主题呢?有谁知道?


 


我们来看代码。


 


 




这里是系统引入CSS和模板HTML的控制脚本。


注意看,这里写死了,只能读取default,也就是默认风格。


 


可是,系统提供了一个读取风格的函数:get_setting('ui_style')


 


这个函数的返回结果,就是目前在管理后台那个地方,你选择的主题风格。


 


那么,主题风格从哪进去管理后台的呢?


 


============划重点了===================


其实很简单,就在系统的模板文件夹view/中共有几个子文件夹,现在只有一个default,如果你把default文件夹复制拷贝一份,改名为 new_style, 后台就能出现2个主题名称,一个default,一个是new_style,这时候,你就可以选择风格了。


============划重点了===================


 


但是,你选了风格,如何生效呢?


 


就是上面那段代码,wecenter官方给写死了!!!!!怎么办,我们就用get_setting('ui_style')来获取当前选定的主题。


 


我们来改一下代码:


 




 


好了,现在可以切换主题,并生效了!


 


 


 


============


 


 


 


等等,还少一件事:


 


 


除了拷贝一份 /view/default文件夹以外,你还要拷贝一个 /static/css/default文件夹。


 


换言之,这两个文件夹就构成了一个主题的所有文件——风格样式、模板HTML这两样东西。(其实,我认为还应该把javascript也包括进来,技术上是可行的,但先不用那么麻烦了,大多数的自制模板,也不会使用到动效部分,虽然理论上是可以的,而且真正的优秀的模板,应该在动效方面也有自己的新的表现。)


 


 


OK,现在,你可以尝试修改一下 new_style下的css样式,看前台是不是生效了?


然后,回到管理后台,你可以轻松的无损切换回默认主题了。


 


 

【4-3更新进展】采用 Bootstrap4 和Material Design的wecenter 风格设计,导航栏演示

创意与设计bennyyao 发表了文章 • 5 个评论 • 169 次浏览 • 2019-04-03 17:57 • 来自相关话题

啥也不说了。上图。这个是今天刚装的3.3.1(右键新标签打开大图) ...查看全部
啥也不说了。上图。这个是今天刚装的3.3.1(右键新标签打开大图)


累!


 




 


先出来一个。然后。。。

这就是一个大套系。


这个总体还是比较素的,适合商务应用和社区平台。




完了以后,再来其他风格,可以弄点个性化强的,适合个人网站。

 

【4-1更新进展】采用 Bootstrap4 和Material Design的wecenter 风格设计,导航栏演示

创意与设计bennyyao 发表了文章 • 7 个评论 • 381 次浏览 • 2019-03-31 20:16 • 来自相关话题

  ...查看全部


 






 






玩wc那么多年了,也想为wc做点贡献。

我手头有一堆的最好、最新的设计素材和工具。我的想法是,先把wc的UI框架升到 bootstrap4+,使wc的设计风格跟上最新时代,然后在这个基础上为大家做一些主题模板。


 

我们的计划,


 


第一步,先把wc升级到bootstrap4,然后和官方谈,以后升级也采用BT4版,尽量让功能升级和UI样式分离。基于BT4风格的WC,我们一旦做出来,会和WC一样采取开源发布。




第二步,只要大家喜欢,我们可以大量出模板,不光是颜色,还可以对某些内容版式做定制。比如说,列表改为卡片阵列式、瀑布流。。。。这些在BT4的基础上,很容易做,也很容易维护。




这两步做到,而且大家愿意支付一些劳务费的话,我们可以稳定提供下去。只要wc不倒,我们就做下去。


 


这里先上一些示例,大家先看看。图片请右键新标签打开,可以看大图。


 


——————————————————————————————————


小科普,Bootstrap是什么?


 


bootstrap是一套全世界最流行的网站前端UI框架,它采用响应式设计,以及现代的扁平设计风格,用这套框架规范来开发的网站,可以自动适应桌面、移动端。


wecenter目前内置的是BT3版,无论从内核和设计风格,都与最新的前端技术以及最新的设计潮流有所脱节,所以wecenter现在安装后,看上去略微有点点土,像是10年前的网站。


 


最新的bootstrap是4.3+版,很快5.0版也会发布了。4.0版的bootstrap内核技术更先进,风格更优雅,不仅如此,国外有无数的公司、设计大神,都为它开发了很多扩展和插件。使之如虎添翼,几乎成为现代网页设计的标准。


 


另外,来自Google公司的Material Design是另一套覆盖网页、APP的设计规范,它的风格更绚丽,更扁平,更酷。原则上,Material Design 与 Bootstrap不矛盾,甚至可以结合叠加。


 


我们现在做的设计就是采用bootstrap框架,外加Material Design理念。


 




 




 




 




 




 


 


——————————————————————————————


 


4-1


 


今天我们反复调整了顶部导航栏,考虑再三,决定尽量贴合原版wecenter的代码结构,不做太大的变化(本来为了设计考虑,可以做很大的代码结构变化),所以废了好大的力气。


 


看图吧。(右键新标签可以看大图)


 




 


哦,对了,我们把【通知】栏目做成了图标效果。这么做不仅是出于美观、和流行的做法,也是为了优化导航栏的空间利用。


 


现在,我们可以实现在桌面、平板、手机三个终端下,导航栏能充分显示最多且最必须的内容,所以,现在,原本必须隐藏的工单和活动栏目,也可以不必再隐藏了。


 


下面是移动终端的效果(同一个页面,终端自适应)


 


为了适配移动端体验,我们在这里略微做了一些改善。原版wecenter的导航栏目,有些是隐藏的,如活动、工单啥的。而发布功能是独立的按钮。


 


我们决定在移动终端上,隐藏的导航栏目全部显示出来,作为正常的导航处理。同时,发布按钮也做到菜单里。如图。


 




是否可以搭建问答和资源下载

设计Satyr 回复了问题 • 5 人关注 • 3 个回复 • 483 次浏览 • 2018-12-25 13:31 • 来自相关话题

问一下,谁会做这种模板?

WeCenter 程序二哥 回复了问题 • 3 人关注 • 3 个回复 • 718 次浏览 • 2018-12-19 16:06 • 来自相关话题

初改完成,demo给大家看看。给点我点布局建议

创意与设计Satyr 回复了问题 • 2 人关注 • 1 个回复 • 768 次浏览 • 2018-11-24 18:43 • 来自相关话题

免费分享一个蓝色经典模板

设计顺其自然002 发表了文章 • 0 个评论 • 675 次浏览 • 2018-11-08 13:33 • 来自相关话题



苏州安曙达物流有限公司.png


 
直接附上下载地址:
 
下载地址
 
条新动态, 点击查看
yanc

yanc 回答了问题 • 2012-06-07 13:33 • 12 个回复 不感兴趣

Anwsion个人主页修改设计稿

赞同来自:

考虑到左右两栏在排版很可能造成错位,所以还是在原来的基础上做了调整。将积分改成威望,并加入威望来源比例。
考虑到左右两栏在排版很可能造成错位,所以还是在原来的基础上做了调整。将积分改成威望,并加入威望来源比例。
xiaozhan

xiaozhan 回答了问题 • 2012-06-27 10:05 • 22 个回复 不感兴趣

基于anwsion的模版设计草稿—简单清新版

赞同来自:

抓图啊抓图啊抓图 10个字够不够
抓图啊抓图啊抓图 10个字够不够
最重要的是类似DZ后台比较完善的模板插件发布、交易、更新平台,这才是最大的鼓励。要不模板肯定是盗来盗去,发展不起来。
最重要的是类似DZ后台比较完善的模板插件发布、交易、更新平台,这才是最大的鼓励。要不模板肯定是盗来盗去,发展不起来。
trumanwang

trumanwang 回答了问题 • 2014-02-17 15:58 • 28 个回复 不感兴趣

家装社区,完全BBS化重构的wecenter社区

赞同来自:

不错:)学习下!
不错:)学习下!
莫问

莫问 回答了问题 • 2014-04-30 14:27 • 15 个回复 不感兴趣

教你给页面增加会员展示墙,附文件下载

赞同来自:

应该把那些没有头像的用户排除
应该把那些没有头像的用户排除
我写了篇文章“如何修改WeCenter中的缺省显示文字” ,用i18n的思路来做修改。供参考。 http://wenda.wecenter.com/article/201
我写了篇文章“如何修改WeCenter中的缺省显示文字” ,用i18n的思路来做修改。供参考。 http://wenda.wecenter.com/article/201

wecenter模板修改汇总(加图片、微博、友情链接、改颜色等)

tongsizhou 回复了问题 • 156 人关注 • 12 个回复 • 8046 次浏览 • 2014-06-12 05:55 • 来自相关话题

wecenter整站文字修改汇总(想要修改网站的文字不用到处找了)

ada_li_li 回复了问题 • 101 人关注 • 14 个回复 • 8769 次浏览 • 2014-09-09 14:30 • 来自相关话题

教你给页面增加会员展示墙,附文件下载

爱收藏 回复了问题 • 70 人关注 • 15 个回复 • 4062 次浏览 • 2014-08-25 14:46 • 来自相关话题

Wecenter V2.2正式版风格一套分享(荧光绿色)

希冀之殇 回复了问题 • 30 人关注 • 8 个回复 • 6362 次浏览 • 2014-05-13 13:15 • 来自相关话题

新的四色主题模板上架了,欢迎赏玩!

回复

创意与设计widora芒果 回复了问题 • 5 人关注 • 5 个回复 • 297 次浏览 • 2 小时前 • 来自相关话题

是否可以搭建问答和资源下载

回复

设计Satyr 回复了问题 • 5 人关注 • 3 个回复 • 483 次浏览 • 2018-12-25 13:31 • 来自相关话题

问一下,谁会做这种模板?

回复

WeCenter 程序二哥 回复了问题 • 3 人关注 • 3 个回复 • 718 次浏览 • 2018-12-19 16:06 • 来自相关话题

初改完成,demo给大家看看。给点我点布局建议

回复

创意与设计Satyr 回复了问题 • 2 人关注 • 1 个回复 • 768 次浏览 • 2018-11-24 18:43 • 来自相关话题

改了下头部、边栏及一些CSS,效果还不错,大家提点建议

回复

WeCenter 程序Satyr 回复了问题 • 2 人关注 • 1 个回复 • 495 次浏览 • 2018-05-31 06:15 • 来自相关话题

请问仿一个home.xywy.com这个网站的模板要花多少钱?

回复

12151rtrtrtr 回复了问题 • 3 人关注 • 2 个回复 • 1703 次浏览 • 2016-08-07 09:40 • 来自相关话题

青岛华韩整形医院准备做个医疗咨询的问答社区,哪位大神会做模板?

回复

bfjjcg 回复了问题 • 3 人关注 • 2 个回复 • 739 次浏览 • 2016-05-20 09:48 • 来自相关话题

做了一个wp样式的模板有需要的吗?

回复

那片星空 回复了问题 • 30 人关注 • 18 个回复 • 3577 次浏览 • 2016-04-16 21:53 • 来自相关话题

请问这样的页面效果怎么实现:游客能够看到回复框,但在点击回复时,会弹出登录对话框。

回复

Liv 回复了问题 • 3 人关注 • 1 个回复 • 1047 次浏览 • 2015-07-09 09:38 • 来自相关话题

片言网成功升级3.1.1

回复

Syouth 回复了问题 • 17 人关注 • 13 个回复 • 2430 次浏览 • 2015-03-30 17:16 • 来自相关话题

瀑布流卡片风格,接受预定!先看图吧,这个是浏览器里随手搭的大概样子,实际会更精致

创意与设计bennyyao 发表了文章 • 3 个评论 • 157 次浏览 • 3 天前 • 来自相关话题

  ...查看全部


 


 


除了feed改为瀑布流卡片风格外,其他页面布局应该还会是原版布局。


另外,sidebar搬到左侧,也会有白色底,或透明底都可。


 


接受预定。如果有10人有意向买,我就开做。


 


你们还可以留言给出你的具体需求建议,我综合考虑。

做了个主题,已经初步完成,正在申请应用上架。如果您现在就想买,也可以私信我。

创意与设计bennyyao 发表了文章 • 7 个评论 • 310 次浏览 • 2019-04-10 22:50 • 来自相关话题

DEMO地址:https://unikpage.com ...查看全部


 


 


 


 




 



本模板特点:

1,提供三种主色调选择:淡紫,绿,橙。和原版一样,可以在用户菜单切换。每种色调都经过精心调制。

2,采用了波纹按钮效果,按钮点击时会有波纹特效。

3,采用了淡入淡出的浮动菜单效果。

4,整站尽可能都做了定制。但是有几个地方还没做,或者可能做得不够好:



——1)专栏部分,效果不是最满意。因为wecenter原版的专栏模块的代码相对独立,对第三方定制的支持度不高,模板定制难度较高。但是这部分,以后我们会继续完善。

——2)个人设置,其中手机修改部分,也定制得不够好。原因同上。

——3)手机版也做了定制,但是,手机版模板,不支持切换,一旦你覆盖了原版,手机版就无法再换回原版!切记!!!而且手机版没有三种颜色切换。



——4)活动、工单这俩模块,基本上没改。我们认为几乎没有人用这俩模块的,所以就不定制了。如果需要定制的,请联系我们,为您单独定制(收费)。

——5)对个别的system后端逻辑做了修改,主要是模板引入机制。原因是,wecenter目前的模板引入机制,更适合小修小改,新增样式,而对于大覆盖面、大范围的模板全面定制,支持度不够灵活,因此我们做了适当修改。但是请放心,使用我们修改后的文件,即使你再次切回原版风格,正常情况下,也不会受影响。



*** 对上述内容还不确定的,请去DEMO站  https://unikpage.com  使用体验 ***

*** 如果您对上述内容不满意,请勿购买! ***



使用条件



必须满足下列条件才可使用本模板。如果您不满足下列条件,请谨慎购买!或后果自负。



1,必须已经成功安装wecenter3.3.1及以上版本。网站可正常使用。



2,没有安装过其他模板,或您确认其他模板不会产生兼容性问题,或您确认可以自行解决任何模板兼容性问题。本模板不承诺对任何其他模板100%兼容不冲突。(当然,没有什么问题是不可以通过备份恢复来解决的!)



3,没有安装过其他任何可能对模板主题产生修改、影响的插件(或二次开发)。



4,您不是wecenter的新手小白用户。本团队不承诺提供wecenter本身的任何技术和使用咨询服务。



如何使用?



1,先备份好你的网站的三个部分:static,system,views做好备份!!!!务必!!

2,下载,解压,上传到你的网站根目录下。覆盖。

3,进入后台管理面板,在【全局设置】——【界面设置】——【用户界面风格】下拉选择 【kuaiban】,确定。

4,前端用户菜单里,可以随意切换 蓝紫、绿色、橙色三种风格。每种风格都经过我们重新设计定制,请尽情使用。

5,主题中一些地方使用了背景图片,这些图片是可以替换的。你购买之后,我会告诉你如何替换更适合你的背景,而且是同样颜色和风格的。







售后服务



1,请加入我们的版友QQ群:974189836 ,群内可提供本模板的使用咨询、技术咨询。仅限购买用户入群。

2,凡购买模板的朋友,享受半年内的升级、完善服务。这里的升级包含2个意思:

——第一,官方wecenter系统升级,我们提供免费模板升级适配。

——第二,模板本身还会承诺有若干次完善升级(代码上的、设计上的),免费提供给已购买的朋友。

3,凡购买模板的朋友,本团队后续推出的其他模板,可享50%半价优惠(如何实现折扣,再议)

4,上述好处,必须入群才有。



 



定价:



人民币¥128



请等待应用市场上架。或者联系私信我购买+入群。



wecenter一直闲置摆设的功能:界面风格切换,可以恢复出来了。以及,更好的切换主题方式。。。

创意与设计bennyyao 发表了文章 • 13 个评论 • 256 次浏览 • 2019-04-09 18:59 • 来自相关话题

    小伙伴们有多少人知道,wecenter后台的界面风格切换,这个摆设功能? &n ...查看全部
 


 


小伙伴们有多少人知道,wecenter后台的界面风格切换,这个摆设功能?


 




这里本应该可以下拉选择不同的主题。


 


可是,如何增加主题呢?有谁知道?


 


我们来看代码。


 


 




这里是系统引入CSS和模板HTML的控制脚本。


注意看,这里写死了,只能读取default,也就是默认风格。


 


可是,系统提供了一个读取风格的函数:get_setting('ui_style')


 


这个函数的返回结果,就是目前在管理后台那个地方,你选择的主题风格。


 


那么,主题风格从哪进去管理后台的呢?


 


============划重点了===================


其实很简单,就在系统的模板文件夹view/中共有几个子文件夹,现在只有一个default,如果你把default文件夹复制拷贝一份,改名为 new_style, 后台就能出现2个主题名称,一个default,一个是new_style,这时候,你就可以选择风格了。


============划重点了===================


 


但是,你选了风格,如何生效呢?


 


就是上面那段代码,wecenter官方给写死了!!!!!怎么办,我们就用get_setting('ui_style')来获取当前选定的主题。


 


我们来改一下代码:


 




 


好了,现在可以切换主题,并生效了!


 


 


 


============


 


 


 


等等,还少一件事:


 


 


除了拷贝一份 /view/default文件夹以外,你还要拷贝一个 /static/css/default文件夹。


 


换言之,这两个文件夹就构成了一个主题的所有文件——风格样式、模板HTML这两样东西。(其实,我认为还应该把javascript也包括进来,技术上是可行的,但先不用那么麻烦了,大多数的自制模板,也不会使用到动效部分,虽然理论上是可以的,而且真正的优秀的模板,应该在动效方面也有自己的新的表现。)


 


 


OK,现在,你可以尝试修改一下 new_style下的css样式,看前台是不是生效了?


然后,回到管理后台,你可以轻松的无损切换回默认主题了。


 


 

【4-3更新进展】采用 Bootstrap4 和Material Design的wecenter 风格设计,导航栏演示

创意与设计bennyyao 发表了文章 • 5 个评论 • 169 次浏览 • 2019-04-03 17:57 • 来自相关话题

啥也不说了。上图。这个是今天刚装的3.3.1(右键新标签打开大图) ...查看全部
啥也不说了。上图。这个是今天刚装的3.3.1(右键新标签打开大图)


累!


 




 


先出来一个。然后。。。

这就是一个大套系。


这个总体还是比较素的,适合商务应用和社区平台。




完了以后,再来其他风格,可以弄点个性化强的,适合个人网站。

 

【4-1更新进展】采用 Bootstrap4 和Material Design的wecenter 风格设计,导航栏演示

创意与设计bennyyao 发表了文章 • 7 个评论 • 381 次浏览 • 2019-03-31 20:16 • 来自相关话题

  ...查看全部


 






 






玩wc那么多年了,也想为wc做点贡献。

我手头有一堆的最好、最新的设计素材和工具。我的想法是,先把wc的UI框架升到 bootstrap4+,使wc的设计风格跟上最新时代,然后在这个基础上为大家做一些主题模板。


 

我们的计划,


 


第一步,先把wc升级到bootstrap4,然后和官方谈,以后升级也采用BT4版,尽量让功能升级和UI样式分离。基于BT4风格的WC,我们一旦做出来,会和WC一样采取开源发布。




第二步,只要大家喜欢,我们可以大量出模板,不光是颜色,还可以对某些内容版式做定制。比如说,列表改为卡片阵列式、瀑布流。。。。这些在BT4的基础上,很容易做,也很容易维护。




这两步做到,而且大家愿意支付一些劳务费的话,我们可以稳定提供下去。只要wc不倒,我们就做下去。


 


这里先上一些示例,大家先看看。图片请右键新标签打开,可以看大图。


 


——————————————————————————————————


小科普,Bootstrap是什么?


 


bootstrap是一套全世界最流行的网站前端UI框架,它采用响应式设计,以及现代的扁平设计风格,用这套框架规范来开发的网站,可以自动适应桌面、移动端。


wecenter目前内置的是BT3版,无论从内核和设计风格,都与最新的前端技术以及最新的设计潮流有所脱节,所以wecenter现在安装后,看上去略微有点点土,像是10年前的网站。


 


最新的bootstrap是4.3+版,很快5.0版也会发布了。4.0版的bootstrap内核技术更先进,风格更优雅,不仅如此,国外有无数的公司、设计大神,都为它开发了很多扩展和插件。使之如虎添翼,几乎成为现代网页设计的标准。


 


另外,来自Google公司的Material Design是另一套覆盖网页、APP的设计规范,它的风格更绚丽,更扁平,更酷。原则上,Material Design 与 Bootstrap不矛盾,甚至可以结合叠加。


 


我们现在做的设计就是采用bootstrap框架,外加Material Design理念。


 




 




 




 




 




 


 


——————————————————————————————


 


4-1


 


今天我们反复调整了顶部导航栏,考虑再三,决定尽量贴合原版wecenter的代码结构,不做太大的变化(本来为了设计考虑,可以做很大的代码结构变化),所以废了好大的力气。


 


看图吧。(右键新标签可以看大图)


 




 


哦,对了,我们把【通知】栏目做成了图标效果。这么做不仅是出于美观、和流行的做法,也是为了优化导航栏的空间利用。


 


现在,我们可以实现在桌面、平板、手机三个终端下,导航栏能充分显示最多且最必须的内容,所以,现在,原本必须隐藏的工单和活动栏目,也可以不必再隐藏了。


 


下面是移动终端的效果(同一个页面,终端自适应)


 


为了适配移动端体验,我们在这里略微做了一些改善。原版wecenter的导航栏目,有些是隐藏的,如活动、工单啥的。而发布功能是独立的按钮。


 


我们决定在移动终端上,隐藏的导航栏目全部显示出来,作为正常的导航处理。同时,发布按钮也做到菜单里。如图。


 




免费分享一个蓝色经典模板

设计顺其自然002 发表了文章 • 0 个评论 • 675 次浏览 • 2018-11-08 13:33 • 来自相关话题



苏州安曙达物流有限公司.png


 
直接附上下载地址:
 
下载地址
 

利用wecenter做的sns社区

rohow 发表了文章 • 14 个评论 • 1789 次浏览 • 2014-06-07 20:29 • 来自相关话题

{{{ 演示站:http://www.pianyan.net }}} 登陆状态下界面 ...查看全部
{{{
演示站:http://www.pianyan.net
}}}


登陆状态下界面

2014-06-07_202626.png



未登录状态下界面

2014-06-07_202653.png


模板决定文档的基本结构和文档设置,例如字符格式、段落格式、页面格式等其它样式。