网页制作教程,手工制作小房子的步骤怎么做成教程?
我是怎样制作小房子的
可惜我没有写手工教程的能耐,我自己倒是做过小房子,说正规点儿是建筑模型,做的是老北京四合院里的倒座,说白了就是四合院里的南房。
我就把是怎么做的过程在这儿露露怯,有些不对或错误之处还请各位高人不吝赐教!
首先,说说准备的材料吧。用的是拼接木板、方木条、胶合板(主要是三合板)、一次性筷子、雪糕棒和牙签等,因为没有制作榫卯的手艺,主要靠钻孔穿牙签,用白乳胶粘接的办法,有的地儿用截短的大头针儿当钉子钉上去的。图纸是参考正规建筑图纸照葫芦画瓢画的草图,自己能看懂就得,比例大约是1:30。
第二步,是根据基座的大小和图纸做了屋顶的木结构,我做的是五檩结构并拼装到一块儿。下图就是,不过拍照水平差,您将就着看吧。至于屋顶的斜坡角度,因为中国古代没有角度的概念,实际是古代工匠依据所在地理位置的黄道与地球赤道所形成的夹角来考虑屋顶斜坡的,主要是为了夏季遮阳和冬季采光的需要,这样能更好地达到冬暖夏凉的效果。所以屋顶斜坡也没有死规定,北京地区的四合院屋顶斜坡和房子的高宽比有关系。我做的屋顶坡度大概齐是35°。
第三步,制作门框、窗框和配套的门窗,窗棂(ling、现在的人也叫花格)是用牙签制作。过去窗户多是糊窗户纸的,那时候文具店卖窗户纸,现在没有了,后来逐渐开始安装玻璃。榻(ta)板(就是常说的窗台)是两根雪糕棒粘接在一起截成合适的尺寸做出来的。
第四步,把门框、窗框和柱子连接在一起,然后竖起来与基座拼接上,注意要保证柱子与基座的90°角。接着先把屋内要做的隔断(老话叫隔扇)做好。
第五步,把剩下的柱子(我做的倒座房是三间,有八根方形柱子)都与基座对接好,如果您要在小房子里布置家具,现在就要都摆放到位并固定牢靠。再把已经做好的屋顶框架结构装上去。下图是屋顶木结构,我已经粘接好椽子了。
第六步,制作槛(kan)墙,砖缝是壁纸刀刻出来的,装上去应该能严丝合缝。下图中的“坎墙”的坎字我给写错了。
从侧面看屋顶结构更清楚一些,北京四合院普通平房基本是硬山木结构,我做的不够标准,例如角背、脊枋、飞椽等都没做,但上图当做示意图看应该可以,木结构的各部位都叫什么,能看明白。图中“檩”读lin,“椽”读chuan。
第七步,应该是铺望板,从前有钱人家是用木板,穷人则多用秫秸秆皮(就是高粱杆皮)编织的席子代替望板,还有屋脊,一般老百姓的房子就是五脊,一条正脊四条垂脊{见下图}。
第八步,屋顶盖瓦,用的直径5㎜一次性竹筷子,冒充筒瓦。老北京四合院铺合瓦(上下两层)的多。
最后一步,“砌墙”。就是用胶合板裁出合适的尺寸,刻上砖缝,这样看着效果会好一些,最后粘接好。
多说几句:老北京四合院的倒座房一般不开后窗的,现在没那么多讲究了,开始留后窗户,主要是为了通风和防潮,但是离地面比较高也很小。
好了,再看看建好的小房子吧!
其实老北京四合院还有许多学问,不过题目是说小房子制作,所以别总是跑题。就写到这里吧,希望能有所帮助。谢谢!
公司要做个网站?
5000字长文:揭秘企业应该怎么做网站?花多少钱做网站才不算被坑做个企业网站需要多少钱?
做互联网这一行10几年了,见惯了形形色色的开发公司和用户,很多企业做了网站效果不理想,感觉花了冤枉钱!其实现在从整个互联网上来看,做网站的价格非常透明,问题就在于我们要做一个什么样子的网站?什么样的网站才能满足企业的需要?建设网站的费用到底出在哪里?我们应该怎么选择建站公司?带着这几个问题,我们往下去了解一下。一、我们要做一个什么样子的网站?只有知道什么样的网站适合我们的企业,我们才能不做无用功,保证网站能有效果。这里我说一下网站建设中常见的四种类型:1.全定制开发网站:这种类型的网站,价格就很昂贵,这可是需要找专门的公司定制,提供源代码,价格更是可以达到三万元到上百万不等。2.半定制开发网站:这种网站一般是用建站公司的系统,设计方面也能根据需求定制,费用相对便宜,10000元以内就能拿下。3.模板网站:模板网站就是建站公司的自有模板去选,加上域名和服务器也就几千块钱,当然内容要迁就框架、同质化严重、没有源代码、不利于二次开发等这些也都是它的缺点。4.模板自助建站:这种网站也是现在市面上最便宜的网站,,不管是功能还是设计都有现成的,只要有域名,提供文字,用SaaS工具就能搭建好网站,甚至不需要源代码,费用方面1000以内即可。但是如果是他们出现问题,比如服务器出现问题,就会造成大量的用户打不开他们的网站,而且没有源代码,就好像你是租用的他们的网站一样,自主权不够;这种就是saas模式下的平台带来的后患。重点来了:企业网站对于我们企业来讲到底有什么用呢?企业网站在整个企业的网络营销推广过程中,是非常重要的一个环节。如果把我们做网络营销推广看成是盖一栋大楼,那网站就是这个大楼的地基。地基打不好,大楼就不可能盖得高,就算是盖起来了,很快就得灰飞烟灭了!说得严重点,如果一个企业网站做得不好,就不要开展网络营销推广,因为开展了也是浪费钱!为什么这么说呢?企业做网络营销推广有三个基本环节:首先建立一个网站,然后通过各种推广方式向网站引来流量,有了流量后,在通过客服或销售人员成交。在这三个环节中,推广环节主要是以引流量为主,但是流量来到的地方就是网站上,就算你推广上讲得再好再清楚,用户们85%以上依然会在百度上搜一下,大家可以换位思考一下:如果我们要找网上找产品,会不会这样去操作,如果我们搜不到网站或者打开网站后页面布局杂乱无章,想找的内容找不到,那就算是这家企业实力很强,你也会觉得他是一家皮包公司,不会选择和他合作。同样的,我们的客户也是一样的想法。我们在网络上做营销推广,就是想发展更多的客户,而大部分客户都不可能来实地考察我们的企业。酒香也怕巷子深,而这个时候,一个页面布局合理,美观大气;功能齐全,营销能力强的网站就能让我们快速地向客户展示企业的实力,激发起客户合作的欲望,让客户愿意和我们更近一步的联系,让我们的客服或销售可以发挥能力达成用户成交。综上所述,在这三个环节中,网站是承上启下的关键一环,他将推广环节带来的流量接住,然后在引导到成交环节。如果没有企业网站或者是网站做的有问题,用户浏览一下就直接关掉页面走人。那么即使你的推广费用花的再多,流量再精准,客服和销售的能力再强,都没用!只能白白浪费推广费用!对于企业来说,一定要有适合自己的企业网站,要有一个不仅仅是能够展示企业的产品,信息的展示型网站,一定要有一个具备营销功能,能够帮助企业提高转化率,带来订单的网站。二、那到底做一个什么样子的网站,才是企业最需要的呢?对于企业来讲,网站不仅仅是要能展现产品和企业信息的网站,展示企业信息只是网站的基础。一个具备营销性,能给企业带来转化率提升和订单量的网站才是企业最需要的。那什么样子的网站才算是具备营销性呢?我根据自己十几年的从业经验,总结出了营销型网站要具备的5个要素:展示力、公信力、说服力、引导力和推广力。具备了这5个要素,你的网站的营销能力就大大增强,给企业带来的转化和订单也就源源不断,也适合企业长时间运营,时间越长,效果越好!展示力:展示力的核心在于“展示”,这是网站最基本的功能,一些人认为只要把企业信息和产品展示出来就可以了,其实这是不完整的。除了这些以外,关键要展示两方面的内容:一是卖相,二是卖点。公信力:公信力就是要让客户相信信任我们的企业,是让用户相信我们的好,让用户相信我们的产品,相信我们的品牌,相信我们的企业,相信我们的实力。从销售角度来说,卖的就是信任,没有信任就没有转化和订单。说服力:展示力是为了让用户知道你的优势,公信力是为了让用户相信你所展示的优势,而用户了解你,相信你,却不一定会选择和你合作,或者说有一部分用户选择了你的同行,所以,我们要在展示力和公信力的基础进一步说服用户,让用户最终选择我们的产品或服务。通常,说服力的关键在于产品的详情页上。引导力:如果网站页面的说服力足,那么转化率就会高,但是也不可能达到100%的转化率,比如,用户看了你的页面就是不咨询、不购买,怎么办?引导力就是解决这个问题,在页面中,使用带有引导力的功能,引导那些不主动咨询的用户主动咨询或者留下联系方式,让我们的工作人员主动联系他们。推广力:推广力主要是指SEO,如果网站想在搜索引擎中有自然排名,那么网站的规划和建设阶段,就要符合SEO优化的标准和要求。我们公司很早就有自己的软件著作——智能优化网站管理系统。网站优化好,也能给我们的推广省掉很大一部分费用。三、建设网站的费用到底出在哪里?1.域名:目前域名还是比较便宜的,只要你不挑选偏门、冷门域名,热门com型不过才几十块钱一年,cn型也是一样(域名是门牌号,在雷同及鱼龙混杂的互联网圈,一个简单易记的域名对企业的来说显然至关重要)。申请域名并不困难,先要选择登录域名的注册网站,这肯定要选择靠谱的域名服务商,就比如阿里云的万网、就是不错的选择,这种大品牌就特别的安全可靠,并且不容易出现问题。然后搜索想要的域名,一定要选择适合自己的域名。之后就只需要付款了,一般来说是按年付费的。如图所示:阿里云域名申请页面。2.服务器选择:服务器虽然有物理服务器和云服务器之分,但对比价格来说,还是云服务器性价比高,独立主机的话,一年就两三万,而云服务器就很难上万,并且按月付费,还能根据自己的需求随时升级或是降级,非常方便。企业网站一般一年的服务器费用1000元以内就可以搞定了。当然云服务器肯定也是选择知名品牌比较好,就比如阿里云、腾讯云、百度云以及华为云。图为阿里云云服务器以及轻量应用服务器的价格截图,大家可以了解下。3.网站开发成本(人工成本)那我们从人工成本来分析一下做一个企业网站成本的计算方式。,做企业网站基本上从页面设计上来讲就是包含:首页、产品列表页。产品的详情页、 新闻资讯的列表页、新闻的内容页这就是五个页面了,剩下的就像联系我们、关于我们等等,加起来这大概要十个页面。这还只是pc端,也就说我们建设的电脑端就要有十个页面,同样来算呢,手机端是不是也要需要十个页面才能实现整个页面呢?那这就是二十个页面了。我们来计算一下,一个差不多一点的美工的一个月工资费用大概是一万元左右,按每个月上班22天计算,那一天的成本大概是四百多块钱。你做出这些个页面来,至少需要他五天时间左右,也就是说做这些页面的成本大概就要两千块钱左右,这是实际成本。图片做完,下一步工作就是切图,把网站设计里面的图片切成格式(这个过程大约需要1天的时间完成),做完这一步才可能再到第三步程序人员把整个网站的功能给构架出来(这个过程也需要大约5到7天的时间,而一个程序人员的工资比美工只高不低)。当然也有一些公司会有产品经理对整个页面的设计,那这又增加成本了。还不算给你把网站的内容和图片都给上传完。所以这样算下来的话,一个网站负责任地去做的话,它的实际成本应该在五千多元。那有的人可能就说了,你太黑了,那仿一个别人不就行了吗?那你想一下,全部仿制的网站基本上真的能正常地做事么?如果是仿制一部分,工作量减少三分之二,那也需要2000元左右的成本。但是这种的网站能不能用得长久呢?如果在这方面影响转化率的话,你多成交一个客户带来的利润就比你省的费用还多,但是他所能带来的转化率的提升不仅仅是多成交一个客户这么简单了!我相信所有做企业的老板都能算明白这个账。所以说做一个有用的网站它的成本在当下是5000多元,包括做图、切图,然后是套程序。另外做网站的一个关键点就是功能部分,刚才只是企业网站一些基础功能,如果你要做个商城呢,是不是它的页面就不一样了?做一个商城页面,我们根据之前的经验来估算的话,普通的一个企业商城的页面,pc端应该有二十五个页面,加上手机端相当于有五十个页面。再加上产品详情页你这样去计算,做一个商城的费用大概也能估算出来,小程序,APP都基本能估算出来,当然不同的网站在制作的时候,我们有不同的计算方式,比方说页面、开发周期、另外最重要的一点就是功能。很多功能的开发都是很耗费时间的。到时候根据工作量大小一估算,基本上价格就能有个心理的预期了。4.网站备案:备案其实不用花钱,这方面只需要付出时间就能得到。一般的建站公司都给你免费做了。5.网站上线:这方面比较好说,如果自己来做的话,那就只需要人力成本,即便是让建站公司做,也不用再另外收费。四:我们应该选择什么样的建站公司?建站公司的选择上大家一定要谨慎,选择一个好的负责任的建站公司会让企业后期无忧。1.看公司正规性(看公司的组织结构) 一家好的建站公司所具有的正规性是非常的强的,因此人们在选择的时候也需要去注意判断一下这一个公司是否正规,选择一个正规的公司对于每一个客户来讲都是具有极大的好处的。要想判断一个公司是否正规其实也是非常的简单的,可以去看一看这一家公司所具有的资质和证件是否齐全以及他们公司的组织架构的各个岗位是否齐全。一般来说一个企业的岗位架构齐全,分工明确,,那么这一家公司肯定是正规的,也是值得广大的客户们所选择的,这也是非常重要的一个方面。 2.看经验(看公司员工工作年限) 一家好的建站公司是具有很多的成功的经验的,一般来讲好的公司都帮助了很多的不同的客户完成了很多的网站制作的公司。因此在人们选择公司的时候,需要注意的一个方面是多去看看这一家公司的实际经验和案例以及在职员工的工作年限,一个员工在这家公司工作时间长,也能反应出这个企业的时间长,服务的客户多,毕竟如果这家建站公司没有业务,也就留不住人才。3.看售后服务(看看他们的客户满意度) 在运营中,一个网站制作出来了之后是需要后续的维护和升级等各个方面的,只有把这些方面都做好了之后,才能够保证这一个网站的正常运营和使用。一家好的公司在这些后续的服务方面做得都是非常的好的,能够更好的满足人们的使用需求。这里大家可以结合员工的工作年限和他们客户的满意度来进行分析选择。客户满意度其实如果这家企业说的不满100%,我感觉最起码这家建站企业的诚信是没有问题的,毕竟没有人能做到让人100%满意。而诚信好,这家企业一定是上上之选。4.看企业官网一家好的建站公司,他自己的企业官网肯定是做的没有问题,包括打开速度,页面设计等等。这一点也是我们选择建站公司时要考虑的一点。重点来了:选择建站公司可以考虑建站公司的地域。现在互联网发达,我们买很多大宗商品都可以在网络上购买,所以大家选择网站建设公司的时候,并不一定要局限于本地的企业或者是大城市的企业。只要建站公司能满足以上四点要求,可以选择一些小城市的,因为技术人员方面,很多技术因为家庭因素都留在了当地,而且现在互联网发达,不管这个技术在哪,对于他的技术提升都没问题,而不同城市的薪资水平差异很大,比如,一个美工,在北上广深这样的城市可能最低都要12000元起步,而小城市6000元也能达到他们一样的水平。这里也让整个建站公司的成本下降很多,相应的报价也会少很多。而且每个城市的物价不同,办公成本也不同,所以价格肯定也会有差异;所以选择一些小城市的公司也是一个很不错的选择。在网站建设过程中,一定要注意的几点:1、网站打开速度要快。如果打开速度像蜗牛一样,那是没有任何意义的。虚拟空间(主机、服务器)的配置决定了网站打开的速度,就像我们的电脑配置越好,那么上网的速度也会越快!2、网站要有PC端+移动端。因为现在移动互联网飞速发展,使用手机访问网站的用户越来越多,所以我们需要优化移动端的浏览体验,同时要兼顾PC端的界面友好度。3、要有很好的SEO功能。有了网站,没有流量,那做这个网站的意义在哪里呢?如果网站具备很好的SEO功能,并且做了相应的优化,使得业务相关的关键词在百度等搜索引擎获得了好的排名的话, 那么你的网站就会有很多的精准客户了解并咨询。也能在后期网络推广中为你省掉很多费用,省掉的费用足够你建设好几个企业网站了。4、一定要具备营销功能。网站是企业网络推广中承上启下的关键一环,他将推广环节带来的流量接住,然后在引导到成交环节。如果是网站做的有问题,用户浏览一下就直接关掉页面走人。那么即使你的推广费用花的再多,流量在精准,客服和销售的能力再强,都没用!只能白白浪费推广费用!总结:企业做网站一定要通盘考虑,整体规划,同时一定要考虑你的目标客户群,这样做出来的网站才能提高你的转化率和订单。而且选择好建站公司,让企业的互联网营销推广的基石稳若磐石。希望每家企业都能有一个适合自己企业的网站,在网络营销推广中提升企业的宣传效果,带来源源不断的利润。相逢就是有缘,请大家多多点赞支持!你的支持,就是我创作的动力!后期有新的思路,我会继续更新!大家有不清楚的问题,也可以私聊!工作总结PPT怎么做?
今天跟大家分享一下,如何设计一份优质的工作总结PPT。
所谓的简约型PPT,其实就是将页面全部简化,让其清晰可见,却不单调。
比如下面这几页PPT,非常简约,但是这显然不是我们想要的效果。
接下来,就拿这些例子跟大家分享一下,到底该如何设计。
这里跟大家说一下,即使是做的简约,也要符合主题。
这套PPT的主题是“电商文案个人总结”,那就搜一下电商到底有哪些元素以及风格,如图所示。
当了解完这些内容之后,即可动手设计。
比如这页封面图,就有很多的问题,文字没对齐,使用旅游类的插图,页面留白太多等问题。
分析完之后,根据主题以及之前的页面风格,使用设计感比较强的元素设计,如图所示。
除此之外,又想到了另一种风格,这种风格比较“金贵”。
整体设计出来的效果比较丰富,比如使用金黄色和黑白色的搭配设计方法,如图所示。
到这里,这两种简约型风格的PPT算是定稿了。
接下来,按照之前的思路设计即可搞定。
下面这页目录页,内容比较少,即使增加形状和背景,依然没能让其变得丰富,同时还放大了问题。
对于这页也有两种方法设计。
先使用插图的形式,然后再使用形状以及图标进行装饰,同时丰富一下背景,如图所示。
第二种方法,使用层叠技巧,这个方法比较容易。
比如,使用图片然后结合形状以及相关的主题图标,如图所示。
第三页是一张内容页,这样设计显然比较凌乱。
同时页面使用的颜色过多,文字已经受到影响。
比如,可以使用插图的形式,跟之前的风格保持一致,没有太多的技巧,如图所示。
第二种风格,使用双层图片进行设计,然后在结合线条隔离文字。
这样设计之后,页面会显得非常整齐且比较丰富,如图所示。
第四页可以看出,页面为了让其变得丰富,使用图片装饰,依旧显得很空洞,没有设计感。
比如,可以找一张跟主题“工作认识”相关的插图,然后使用左右排版的方式进行设计,如图所示。
第二种风格,使用图片进行设计,也采取左右排版的形式,如图所示。
除此之外,如果要想让其变得简单一点,可以使用逻辑图表。
比如,下载之后,将逻辑图表的颜色进行修改让其融为一体,然后再修改内容,如图所示。
最后一页是封底页,如果想简单一点,那就和封面页保持一致。
使用两种风格的封面页进行设计封底页,如图所示。
到这里,整套PPT就设计完了,再回头看一下。
下面是原图,如图所示。
第一种修改的方法,使用插图进行修改,如图所示。
第二种修改的方法,使用图片进行修改,如图所示。
关于本次主题的分享,就分享这么多,希望能对你有一定的帮助。
小程序怎么做?
微信小程序设计指南
基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢。
友好礼貌
为了避免用户在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序在设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向用户展示程序提供的服务,友好地引导用户进行操作。
重点突出
每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下,应尽量避免页面上出现其它与用户的决策和操作无关的干扰因素。
案例示意1
案例示意2
流程明确
为了让用户顺畅地使用页面,在用户进行某一个操作流程时,应避免出现用户目标流程之外的内容而打断用户。
清晰明确
一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游刃有余地穿梭而不迷路,这样才能为用户提供安全且愉悦的使用体验。
导航明确,来去自如
导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户,当前在哪,可以去哪,如何回去等问题。微信在小程序内现不提供统一导航栏样式,开发者可根据需要自行设计小程序首页和次级页面界面导航。建议所有的次级页面左上角提供返回上一级页面操作。此外,微信iOS用户还可通过界面边缘向右滑动操作,返回上一级小程序或微信页面。安卓用户可通过物理返回键达到同样目的。
小程序菜单
小程序的所有页面,包括小程序内嵌网页和插件,微信都会在其右上角放置官方小程序菜单,样式如图。开发者不可对其内容自定义,但可选择深浅两种基本配色以适应页面设计风格。 官方小程序菜单将放置在界面固定位置,开发者在设计界面时请预留出该区域空间,若需要在此区域附近放置可交互元素,要特别注意交互事件是否会冲突,操作是否容易被使用
小程序菜单深浅配色方案(iOS和Android)
开发者可在满足可用性的前提下,从微信提供的深浅两套配色的小程序菜单中选择合适的方案,以适应小程序页面设计风格。
页面内导航
开发者可根据自身功能设计需要在页面内添加自有导航。并保持不同页面间导航一致,指向清晰,有路可退。受限于手机屏幕尺寸的限制,小程序页面的导航应尽量简单。建议开发者设计的自有导航样式与微信官方小程序菜单样式保持一定差异,以便区分。
开发者可为小程序页面添加标签分页(Tab)导航。标签分页栏可固定在页面顶部或者底部,便于用户在不同的分页间做切换。标签数量不得少于2个,最多不得超过5个,为确保点击区域,建议标签数量不超过4项。一个页面也不应出现一组以上的标签分页栏。
其中小程序首页可选择微信提供的原生底部标签分页样式,该样式仅供小程序首页使用。开发时可自定义图标样式、标签文案以及文案颜色等,具体设置项如图标尺寸等参考可参考开发文档和WeUI基础控件库。
顶部标签分页栏颜色可自定义。在自定义颜色选择中,务必注意保持分页栏标签的可用性、可视性和可操作性。
减少等待,反馈及时
页面的过长时间的等待会引起用户的不良情绪,使用微信小程序项目提供的技术已能很大程度缩短等待时间。即便如此,当不可避免的出现了加载和等待的时候,需要予以及时的反馈以舒缓用户等待的不良情绪。
启动页加载
小程序启动页是小程序在微信内一定程度上展现品牌特征的页面之一。本页面将突出展示小程序品牌特征和加载状态。启动页除品牌标志(Logo)展示外,页面上的其他所有元素如加载进度指示,均由微信统一提供且不能更改,无需开发者开发。
页面下拉刷新加载
在微信小程序内,微信提供标准的页面下拉刷新加载能力和样式,开发者无需自行开发。
页面内加载反馈
开发者可在小程序里自定义页面内容的加载样式。建议不管是使用在局部还是全局加载,自定义加载样式都应该尽可能简洁,并使用简单动画告知用户加载过程。
模态加载
模态的加载样式将覆盖整个页面的,由于无法明确告知具体加载的位置或内容将可能引起用户的焦虑感,因此应谨慎使用。除了在某些全局性操作下不要使用模态的加载。
局部加载反馈
局部加载反馈即只在触发加载的页面局部进行反馈,这样的反馈机制更加有针对性,页面跳动小,是微信推荐的反馈方式。例如:
全局加载反馈
开发者可以参考图中样式,使用标题栏提示加载小程序页面内容的过程。例如:
加载反馈注意事项
若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。载入过程中,应保持动画效果 ; 无动画效果的加载很容易让人产生该界面已经卡死的错觉。不要在同一个页面同时使用超过1个加载动画。结果反馈
除了在用户等待的过程中需予以及时反馈外,对操作的结果也需要予以明确反馈。根据实际情况,可选择不同的结果反馈样式。对于页面局部的操作,可在操作区域予以直接反馈,对于页面级操作结果,可使用弹出式提示、模态对话框或结果页面展示。
页面局部操作结果反馈
对于页面局部的操作,可在操作区域予以直接反馈,例如点击多选控件前后如下图。对于常用控件,微信设计中心将提供控件库,其中的控件都已提供完整操作反馈。
页面全局操作结果——图标型弹出提示
图标型弹出提示适用于轻量级的成功提示,1.5秒后自动消失,并不打断流程,对用户影响较小,适用于不需要强调的操作提醒,例如成功提示。特别注意该形式不适用于错误提示,因为错误提示需明确告知用户,因而不适合使用一闪而过的弹出式提示。
页面全局操作结果——文字型弹出提示
文字型弹出提示适用于需要轻量化地用文字解释当前状态或提醒不严重的错误。1.5秒后自动消失,不打断流程,对用户影响较小。
页面全局操作结果——模态对话框
对于需要用户明确知晓的操作结果状态可通过模态对话框来提示,并可附带下一步操作指引。
页面全局操作结果—结果页
对于操作结果已经是当前流程的终结的情况,可使用操作结果页来反馈。这种方式最为强烈和明确的告知用户操作已经完成,并可根据实际情况给出下一步操作的指引。
异常可控,有路可退
在设计任何的任务和流程时,异常状态和流程往往容易被忽略,而这些异常场景往往是用户最为沮丧和需要帮助的时候,因此需要格外注意异常状态的设计,在出现异常时予以用户必要的状态提示,并告知解决方案,使其有路可退。
要杜绝异常状态下,用户莫名其妙又无处可去,停滞在某一个页面的情况。上文中所提到的模态对话框和结果页面都可作为异常状态的提醒方式。除此之外,在表单页面中尤其是表单项较多的页面中,还应明确指出出错项目,以便用户修改。
异常状态——表单出错
表单报错,在表单顶部告知错误原因,并标识出错误字段提示用户修改。
便捷优雅
从PC时代的物理键盘鼠标到移动端时代手指,虽然输入设备极大精简,但是手指操作的准确性却大大不如键盘鼠标精确。为了适应这个变化,需要开发者在设计过程中充分利用手机特性,让用户便捷优雅的操控界面。
减少输入
由于手机键盘区域小且密集,输入困难的同时还易引起输入错误,因此在设计小程序页面时因尽量减少用户输入,利用现有接口或其他一些易于操作的选择控件来改善用户输入的体验。
例如下图中,在添加银行卡时,采用摄像头识别接口来帮助用户输入。除此之外微信团队还对外开放例如地理位置接口等多种微信小程序接口 ,充分利用这些接口将大大提高用户输入的效率和准确性,进而优化体验。
除了利用接口外,在不得不让用户进行手动输入时,应尽量让用户做选择而不是键盘输入。一方面,回忆易于记忆,让用户在有限的选项中做选择通常来说是容易于完全靠记忆输入;另一方面,仍然是考虑到手机键盘密集的单键输入极易造成输入错误。 例如图中,在用户搜索时提供搜索历史快捷选项将帮助用户快速进行搜索,而减少或避免不必要是键盘输入。
避免误操作
因为在手机上我们通过手指触摸屏幕来操控界面,手指的点击精确度远不如鼠标,因此在设计页面上需点击的控件时,需要充分考虑到其热区面积,避免由于可点击区域过小或过于密集而造成误操作。当简单的将原本在电脑屏幕上使用的界面不做任何适配直接移植到手机上时,往往就容易出现这样的问题。由于手机屏幕分辨率各不相同,因此最适宜点击像素尺寸也不完全一致,但换算成物理尺寸后大致是在7mm-9mm之间。在微信提供的标准组件库中,各种控件元素均已考虑到了页面点击效果以及不同屏幕的适配,因此再次推荐使用或模仿标准控件尺寸进行设计。
利用接口提升性能
微信设计中心已推出了一套网页标准控件库,包括 sketch设计控件库 和 Photoshop设计控件库,后续还将完善小程序组件,这些控件都已充分考虑了移动端页面的特点,能够保证其在移动端页面上的可用性和操作性能; 同时微信开发团队也在不断完善和扩充微信小程序接口,并提供微信公共库,利用这些资源不但能够为用户提供更加快捷的服务,而且对页面性能的提高有极大作用,无形之中提升了用户体验。
统一稳定
除了以上所提到的种种原则,建议接入微信的小程序还应该时刻注意不同页面间的统一性和延续性,在不同的页面尽量使用一致的控件和交互方式。
统一的页面体验和有延续性的界面元素都将帮助用最少的学习成本达成使用目标,减轻页面跳动所造成的不适感。正因如此,小程序可根据需要使用微信提供的标准控件,以达到统一稳定的目的。
视觉规范字体
微信内字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 11(pt),使用场景具体如下:
字体颜色
主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑。
蓝色为链接用色,绿色为完成字样色,红色为出错用色 Press 与 Disable 状态分别降低透明度为20%与10%。
列表
表单输入
按钮
图标
制作一个完整的网站用dw怎么做?
ps做模板其实可以用ps生成一个简单的网站,不过这是真的很简单的,而且适应性很低。
方法就是用ps打好切图的标记后存储为web格式时选择存储为网页格式,并且带有html文件的网页格式。这就是一个简单的由图片组成的网站了。用dw也不难,dw有个模式可以像ps一样添加,其实和ps也差不多了。不过适应性还是很低。
看一下html和css的文档基本都可以做了,用dw就更简单了