用户 心智 程序 今年以来，京东购物小程序围绕“一键发现 万物好店”的产品心智，从消费链路的上游提升可逛性出发进行了一系列产品&营销设计升级。1.0 致力于打造更契合微信域的用户体验；2.0 尝试以一种有趣的姿态留住偶发闲逛用户。2.0 近期已陆续上线，借此机会和大家分享一下整个改版过程及思路。往期改版：让购物简单快乐！京东 APP 11.0 深度解读：视觉篇在 APP11.0 深度解读系列的第一篇文章中，剖析了基于生态进行体系化大改版的解读与思考，本文将聚焦于视觉设计，阐明我们对此版本的设计主张与思路，在各个场景是如何外化以辅助达成改版目标的。阅读文章 > 一、变化与契机过去，京购小程序更多是京东 APP 在微信域的分身，在货品、产品设计及营销层面与京东 APP 没有任何差别。现在，小程序已由散点式孤岛向全域营销转变，成为京东在微信域流量及交易的主阵地。与此同时，我们面向的用户也更加多元偶发，他们购物需求模糊，以闲逛、消磨时间为主，偏好居家日用、⻝品生鲜等高频高耗商品。在微信域差异化货品及算法的加持下，前端设计急需打破现状，进行体验差异化升级，塑造微信域专属心智。二、改版思路基于人货场差异化洞察，改版思路围绕“知心省心开心”的用户需求体系，从被动支持、到主动引领、再到互动交流，阶梯式构建用户对京购小程序的结构化认知。1. 知心打造契合微信域的用户体验首页作为小程序的门面担当，即是用户心智承接的核心阵地，也是内容分发的主要场景。故 1.0 为用户打造“知心”的消费体验，我们先从首页切入。在此过程中我们也面临着渠道、人群、品牌等多重挑战。基于数据/用户/竞品等专业洞察，以结构化思维解构分析，由里及表从框架、内容、动线、品牌 4 个方向升级应对以上挑战。框架承载能力升级针对框架的升级，将从广度和深度来个维度来进行拆解，为每一个闲逛场景，重塑更具包容性体验框架。广度上，面向不断扩展的多元化电商内容结合设计趋势跟随及偶发用户特性，将旧版楼层堆叠严重的货架型框架，通过内容精简使 feeds 移入首屏让用户快速进入逛的状态。深度上，将旧版单一扁平框架拓展成一个更具探索性的立体框架，以应对日益增多的渠道特色需求。通过摇一摇融入社交心智高效分发内容、向左打造私域化阵地、向右建设专属活动日历、下拉则用娱乐化承接偶发用户，让用户更好的发现内容。feeds 内容表达能力升级双列流设计弱化了推荐 feeds 不同内容的个性表达，基于前期大量的设计探索，我们从「触达表现心智」3 个层面系统化构建更具精细化的内容表达模型，提升内容触达效率的同时丰富内容形式。动线多元化升级在浏览前中后场景下深挖偶发用户痛点，结合用户行为及心理进行多元化营销动线设计，吸引持续浏览和点击。品牌心智升级在完成首页整体体验架构设计后，我们也围绕着京东品牌继承、差异化货品调性打造、大促特色营销氛围改造 3 个维度进行了京购小程序品牌心智升级。① 京东品牌继承与重塑微信生态环境下，京购小程序在继承京东品牌调性的基础上，通过兼顾场域特色，打造更聚焦、包容、多元的品牌记忆点，重塑京东微信域专属视觉体系。提炼高效、丰富、亲和的设计关键词，并定义品质简洁、亲和舒适、轻透明快的视觉基调，从色彩、 图形 、质感、动效 4 个维度进行设计映射。匹配微信域五大机会品类货品特性挖掘微信域 5 大机会品类特性，从色彩精细化传达、情绪性语义意向来布控场域类目主色调，塑造微信域差异化类目专属心智。有渠道特色的大促营销场建设在京东大促主题背景下，微信域将协同主站的节奏爆点、核心玩法、权益结算、尖货爆品内容。在此基础上，制定预热期抢跑营销节点，实现对大促整体节奏上的补位增长，在场景期通过限时营销部署对抗品类期的销售疲软的差异化营销策略。结合微信域用户动机及特点，我们进行了有渠道特色的差异化营销场设计。为统一大促期间用户感知，我们在品牌、颜色及风格调性上，同步了主站的大促营销心智，打造递进式大促首页基调。并基于小程序日常“低价”的营销策略，预热期采用颜色降噪设计让用户更聚焦信息为大促造势。品类专场期配合微信红点通知，在开⻔红及 bigday 同步 app 视觉氛围，唤醒承接微信的京东老用户。与此同时，为了更好的承接微信域用户，围绕“承接场效、优惠透传、视觉减负、营销感知”等设计策略，打造具有微信域特色的大促营销场设计，并不断尝试和校验试跑出最适合小程序的体验设计方案，激发用户“逛”的兴趣。最后为助力业务提升用户行为转化，针对微信域组件&动效等前端设计模块，持续进行 ABtest 测试，并基于数据反馈沉淀高转化设计策略。2. 省心① 为用户带来“省心又省钱”的购物体验我们的用户是典型省钱不省生活的一群人，不管是消费体验还是货品供应，我们都希望做到省心又省钱。消费链路升级：购物全流程用户需求识别与满足过去京购小程序侧重“搜索转化”的单一路径。为了给用户带去省心的消费体验，新版以购前明确购物需求、购中快速决策转化、购后获取专属服务的体验定位进行消费链路升级。购前：向消费链路上游延伸购前针对用户的模糊需求，在完善搜索功能的同时利用热点话题、微信域尖货榜单、延展推荐等内容升级搜索流程，向消费链路上游延伸，承接用户闲逛探索需求。购中：快速决策转化购中基于信息减负、路径缩短、社交辅助等设计策略，构建短商详、购物车分享、短链结算等新型产品形态来提升用户决策转化效率。购后：打造更具专属感的服务体验购后以用户分层，围绕不同场景、不同用户身份的内容&权益渗透设计，打造更具专属感的服务体验。微信域特色频道：一段从认知到相知的旅程京购小程序通过重运营、强干预的方式试验跑出微信域的心智单品和类目，从“单品、品类、品牌”维度孵化“10 元店、单单返、大牌微力”等特色营销 IP。在此背景下，设计侧围绕从认知到相知的过程，进一步助推差异化货品占领用户心智。认知：记住我的样子为快速穿透用户心智形成记忆认知的目的，设计上围绕“频道定位、品质凸显、微信专属”等关键词，着重刻画逛购动线中“无需计算的直降、邀友享低价的特权”，并通过品类调性，联动头图、商卡打造沉浸式的品类营销动线，匹配用户类目心智，立足于为用户带来“有品质最省钱”的购物体验。除日常运营外，频道每月定期联动品类和品牌打造营销 Bigday，以 “超 V 单品日、超级返、大牌 V 力”进行全新升级。为进一步穿透用户心智，团队内部头脑风暴反复推敲，以“心智连贯性、设计延展性”为原则，选取“V”作为微信域系列 IP 的超级符号，并根据应用场景特征设定符号延展原则，在首页、频道、黄流等购物全链路布局有效发声点，形成统一的、多方位的营销声浪。相知：记住我的好受微信去中心化特色影响，用户在微信的购物行为更加偶发、快捷，为加速用户行为转化，基于“短链”的设计思维，结合“爱达法则+上瘾模型”，搭建了积木式的 “IDA 后链路互动增长策略”提升流量 ROI。即从资源入口进入，通过区分不同生命周期的用户设计覆盖首页、频道、黄流等全链路权益营销动线，让对的人，在对的地点，获得最适合 TA 的权益，将“省心”贯彻到底。用“精准权益、互动裂变、私域沉淀”三位一体的积木式短链互动模型，赋能京东微信域广告后链路，充分串联及发挥公众号、视频号等微信域非中心化的业务能力，并最终沉淀到京东购物小程序做整体交易，拉长及放大用户价值。与此同时，为加速用户行为转化，融合心理学认知偏差等定律，对模型进行“复刻”和“升级”。在微信域特色频道和营销玩法中孵化“复访、裂变、转化”等短链玩法，助力业务增长。3. 开心更精准的匹配用户泛娱乐、泛社交兴趣随着用户消费场景的多元化，内容对整个消费行为产生了多维影响，作为传统电商平台如何从单一的理性货架导购到丰富的感性内容引导，从单一的满足商品刚需到增加情感因素和人文关怀？1.0 通过差异化体验升级拉近与微信消费者的距离，2.0 我们依然选择从用户视角出发，将小程序二楼作为创新试验田，尝试用更内容化娱乐化的方式与用户建立联系；我们想要京东不再那么“一本正经”，而是以一种有趣的姿态让用户在娱乐中完成购物初体验。依托于微信小程序二楼开放能力，区别于常规浏览动线，我们以逆向思维在页面顶部开拓一个能与用户深度交流的二楼娱乐阵地。通过首页娱乐任意门引发用户好奇心自发下拉，进入我们精心设计的神秘好玩世界；再以视频化&游戏化&社交化等好玩有趣的内容，并搭配微信即时打款，锁定用户进入后的黄金 5 秒注意力，循序渐进的通过传统电商权益牵引用户进入电商流程，从而链接小程序新消费场景。触达：传递娱乐属性，强化好玩有趣心智在霸屏下拉入口的设计中，秉承意向性及情绪化表达的设计原则，基于泛娱乐化关键词映射，打破京购小程序平稳的主流色系，用高饱和反差对比色形成视觉冲击；以轻拟物风深入构建元素细节呈现，尽可能塑造元素中的空间、体积、光源等复杂的物理表现，增加界面的质感厚度和纵深感，整体炫彩动感，使二楼好玩基调拉满，给用户焕然一新的直观感受。吸引：突破认知壁垒，贴近用户真实生活契合内容表达的设计风格探索小程序二楼如何突破认知壁垒吸引用户停留，我们进行了前瞻性的泛娱乐化内容探索。在内容呈现上，短视频以更加轻松直观的表达和更广泛的用户接受度来吸引用户持续停留；小游戏以反套路低门槛易上手的魔性玩法来获得用户投入精力增加粘性；社交互动以抓住目标用户正能量相亲相爱的特质来刺激用户病毒式传播。1.0 我们建立起的审美是一种对秩序、精致美的追求，2.0 需要更多元化的审美打乱设计的秩序，以一种更为感性的设计方式来传递调性，贴近偶发用户真实生活；我们根据内容特色尝试利用“新丑风”、土味暴力美学风、美女封面老头乐等设计风格让视觉表现陷入“百家争鸣”的局面。激励设计呼应现实场景，激发用户体验爽感激励机制作为吸引用户的有效手段，尝试用虚拟设计映射实体的手法来与现实场景呼应，拉满体验爽感从而建立与用户的情感共鸣，让小程序二楼走出一条“别样花路”。把生活中的记忆通过夸张的动效方式加入到激励设计的体验链路中，通过动效设计来引导用户情绪，强化喜悦感知；最终经过反复调试，现金设计复刻了 Money 扑面而来的惊喜动效。有了现金动效的打样，红包的动效设计也就顺利很多。转化：牵引用户软着陆电商环境当用户被吸引后，在此阶段使用简单直接的传统电商权益逐步牵引用户进入电商流程；至此通过整套动线，让这些偶发闲逛用户发现好玩有趣不一样的京东。写在最后在微信生态环境下京购小程序汇聚了形形色色的用户，他们可能是忙忙碌碌的打工人、有钱有闲的小镇青年、岁月静好的大爷大妈…；他们带着独特的生活气息来到这，很有幸为他们呈现不一样的京东；希望每一个来到京购小程序的用户都可以感受到知心、省心和开心。欢迎关注「JellyDesign」的小程序：本篇来源：优设网原文地址：https://www.uisdc.com/jd-wechat-design
图像 图片 程序 大家好，我是和你们聊设计的花生~有关注「神器挖掘机」阿文（微博 @Simon_阿文 ）的朋友，可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。这款被阿文称作“用嘴就能画画”的神器，能通过输入的一段描述语句，自动渲染生成对应场景的图片。渲染结果质量非常高，高到不说是 AI 自动生成的话，你肯定会觉得是哪位绘画大神的作品。先来看看阿文第一次尝试的结果，输入关键词是“星空下的向日葵花海”，渲染时间很久，但是出来的效果也足以令人惊叹。（图片来源： @Simon_阿文 ）之后阿文又尝试了中国画的水墨风格，Disco Diffusion 的表现仍然很好。图片来源： @Simon_阿文 ，关键词 ”a beautiful painting of Chinese Shanshui landscape, clouds, ink style, trending on artstation“在看到阿文的推荐后，微博上很多网友也开始尝试，并同样取得了不错的渲染结果。图片来源：微博 @MIGRAINER- ，关键词 ”Among planets, stars and galaxies, an armada of gigantic very long spaceships travels at light speed, detailed，artstation，Chris Foss“怎么样，是不是有点颠覆你对 AI 绘画的认知了？Disco Diffusion 自发布后，在外网引起了很多艺术家的关注。他们也使用 Disco Diffusion 进行各种尝试，也诞生了很多优质的渲染作品。图片来源： @cosmicWranglerZ ，关键词 ”A BOY TRAVELING WITH HIS CYBERNETIC PACKHORSE SELLING TECHNO ALCHEMY WARES“ 渲染结果，图片来源： @x1ao4 ，关键词 ”ancient Chinese village“可以看出 Disco Diffusion 自动渲染出的图片无论是色彩还是氛围都达到非常高的水平，充满魔幻色彩。作为一个 AI 程序，这一切是如何实现的呢？什么是 Disco Diffusion？Disco Diffusion 是在今年 2 月初开始流行的一个 AI 图像生成程序，它可以根据描述场景的关键词渲染出对应的图像，开发者是艺术家兼程序开发员 @Somnai_dreams 。这款程序的特点在于：它直接托管在谷歌的 Colaboratory 上的，即整个程序是直接在浏览器中编写和运行代码的。这也意味着使用 Disco Diffusion 对电脑配置没有要求，因为程序不需要被部署到本地。Github 地址 https://github.com/alembics/disco-diffusionDisco Diffusio 程序的首页Disco Diffusion 程序的首页不是我们熟悉的用户界面，而是一行行看起来很复杂代码——有点像没有外壳的机器，将线路零件直接呈现在用户面前了。这些代码就是 Disco Diffusion 整个程序运行下来的所需的全部代码，而且都已经按步骤分类好了。看起来很深奥，但真正需要我们动手修改参数的地方极少，跟随网站上的教学视频你可以很快就弄懂如何操作。需要用户修改参数的其中一部分，右边的界面还是简单易懂的Disco Diffusion 之所以有如此强大图像生成功能，倚仗的是背后强大的机器学习模型。这个模型并不是简单地将一堆图片生硬拼接，而是在基于关键词的基础上，AI 模型对图像进行一次次迭代渲染，直至机器判定渲染结果与给定的关键词匹配度最高，渲染结果才会最终确定。图片来源： 《How does CLIP Text-to-image generation work?》这也是为什么我们用 Disco Diffusion 渲染图像时，画面最开始都是模糊的噪点，而渲染时间越长，图片精度就越高。Disco Diffusion 的版权问题Disco Diffusion 的图片生成功能如此强大，那生成图片的功能可以直接免费商用吗？首先，Disco Diffusion 程序基于 MIT 开源协议，即这个程序供所有互联网用户免费使用，还可以复制、修改甚至出售。用 Disco Diffusion 渲染生成的图像，版权归图片创作者本人所有。Disco Diffusion 首页的「License」中表明程序基于遵循 MIT 开源协议那生成的图片可以直接拿来商用吗？这个问题需要谨慎对待。Disco Diffusion 如同一位具有极强模仿并融合画风能力的画手，人工需要很长时间很多精力才能完成的画作，它通过模型学习加机器渲染，就能用比人工少很多的时间实现。使用 Disco Diffusion 渲染的节气图，作者： 弈湘君但 Disco Diffusion 本质上只是通过算法不断去接近给出的关键词，或者是在几个关键词中取得一个平衡点，以达到文本规定下最大程度的“相似”。这些行为都是“模仿”——无论好坏，只要相似度够高就行了，远达不到人脑可以有意识进行取舍的程度。使用莫比斯风格渲染出的图，风格与原作者非常接近。（图片来源： @Simon_阿文 ）如果你在给 Disco Diffusion 的关键词中，涉及到风格特别鲜明的艺术家或者商业作品，那么渲染生成的图像会呈现出非常相似的风格，这样自然就会涉及到侵权的问题了。阿文对 Disco Diffusion 图片是否可以商用的看法，图片来源 @Simon_阿文Disco Diffusion 能代替人工绘画吗？Disco Diffusion 可以轻易渲染出犹如专业艺术家创作的图画，是否意味着能够取代人工创作呢？我们看看专业艺术家是怎么看待这个问题的。Stijn Windig 是一位来自荷兰的艺术家，擅长概念设计，作品细节精致，场景恢弘。Stijn Windig 的部分作品（图片来源： Artstation ）Disco Diffusion 开始流行后，Stijn Windig 也开始尝试将 Disco Diffusion 运用到自己的创作过程中。Stijn Windig 先用 Disco Diffusion 渲染生成各种图像，然后将图像导入 PS 放大，以此为基础在上面进行进一步的绘制。下面是他以这种方式创作的作品：Stijn Windig 在进行一系列的尝试之后，将作品分享到 Artstation 上并写到：……完善每幅渲染图像大约需要 1.5 小时。从Disco Diffusion中获取图像花费了更长的时间，尝试了不同的文本提示，直到我得到了一些看起来还比较像样的东西。Stijn Windig 还将自己的创作经验写成文章发布到自己的 Artstation 博客中，在文章中，Stijn Windig 说到：……首先，这东西(Disco Diffusion)的存在是有点疯狂的……它似乎能够轻易地生成史诗般恢弘的概念艺术。……当你下载图片后将其放大，并开始在上面作画，就会有一种超级失望的感觉，因为事实证明，尽管从远处看它是一个恢弘场景的图像，但实际上那里什么也没有。……一旦你开始想细化图像中某个不明确的部分，渲染图像就失去了其原有的氛围感了……在试图 “完善细化 “图像的过程中，我发现每一笔都不对劲，因为我可以看到图像变得更加明确，但却失去了原有的魅力。……当我第一次发现它时，我试着把它用在一个客户的项目上，这个项目的特点是环境中有很多建筑元素，我想，”Disco Diffusion能够帮助我快速完成这幅画”，但是结果并非如此。我发现渲染图像上的每一处都需要重新绘制，甚至每一个像素都得重新刻画。因为尽管它可能看起来像一个有城市的山地景观，但实际上没有正确的房屋、山垛、植被和其他东西，只有模糊的概括暗示。我在一幅本应一两天内就完成的图像上耗费了一个星期。如果是直接创作三维甚至是二维的图像，我就会更快……所以这就是 Disco Diffusion 的弱点：如果你想要一些有具体细节的事物，Disco Diffusion 是没有能力来生成一个细节精细的作品的（至少目前是没有）。它不擅长刻画具体细节。除此之外，它不擅长人物、动物、汽车、透视，或任何需要真正具体特征的东西……从文章中，我们可以看出，身为专业艺术家的 Stijn Windig 在经过多次实践后，认为 Disco Diffusion 并没有取代人工创作的能力，原因有以下几点：从 Disco Diffusion 中获取想要图像并不容易，需要花费大量时间去调试关键词。Disco Diffusion 没有刻画具体细节的能力，渲染出的图像乍看惊艳，如果仔细观察就会发现大部分都是模糊的概括暗示，不能达到商业水平的要求。如果想在渲染图像的基础上刻画细节，就相当于要把整个图重新画一遍，这样一个流程下来花耗费的时间精力，比直接手绘还要多。不过 Stijn Windig 还是对 Disco Diffusion 的未来发展持乐观态度，虽然直接利用 Disco Diffusion 渲染的图像进行商业创作的尝试失败了，但将它作为一种灵感参考生成器还是非常好的。……我发现它更适合作为一个创意生成器使用。给它一个提示，比如”晴天的幻想城市，王座游戏，巨大的城堡”，它将返回一些至少能激发想象力的东西，并可以用来在上面绘画，作为草图。Disco Diffusion 相关资源根据文本提示渲染出高质量图像的技术近年来发展迅速，除了我们今天谈到的 Disco Diffusion，类似的程序还有 Nightcafe Creator 和 Dream by wobom。1. 人工智能艺术生成器 NightCafe Creator「网站」 https://creator.nightcafe.studio/NightCafe Creator 是一款人工智能艺术生成器应用程序，可以根据你给出文本提示生成多种风格的艺术作品。创作完成后版权归创作者所有，并可以随心所欲地使用它们。NightCafe Creator 还支持将照片转换成各种风格的图片，使用这个功能要注意照片的版权问题。2. 人工智能艺术生成器 Dream by Wobom「网址」 https://www.wombo.art/Dream 是一款 ISO 应用程序，输入一个文本提示，选择一种艺术风格，就能在几秒钟内生成一副精美的图画。3. 欣赏更多用 Disco Diffusion 渲染出高质量的作品：「国内」 点击此处直达「国外」 点击此处直达「参考资料」https://ecency.com/hive-163521/@penderis/get-started-quickly-with-discohttps://www.youtube.com/watch?v=Dx2G940Pao8https://www.youtube.com/watch?v=-b7xKWeADHQhttps://www.artstation.com/blogs/stijn/B276/ai-sketches-with-vqgan-and-clip-for-concept-art想无损放大图片？试试这个在线神器「AI Image Upscaler」曾经遇到一个情境：对方要求的图片尺寸比我手上有的图片还要大张，而且还大了两三倍，但图片是采用位图格式，若非向量图直接放大就会出现失真、变形或模糊等问题，那要怎么解决呢？阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/disco-diffusion
服务器 程序 数据 有了解和学习 B 端的同学必然都听说过 SAAS 这个词，这在 B 端行业是个非常重要的产品形式和分支。虽然它重要，但新手对这东西的理解充满了让人遗憾的扭曲。比如常见的误解式提问，Saas 应该怎么设计？适用哪些设计风格？……所以我从最底层的技术层面，来解析 Sass 到底是什么，在未来你再也不用担心对这个词汇一知半解，无法正常参与业务讨论了。讲解什么是 Saas，或者刚刚图例出现的 Paas、laas 是什么，首先要认识一个问题，一个需要联网的软件，是如何落地的，需要哪些前提条件。通常，我们可以把一个普通的联网产品要正式上线并使用，需要满足 9 个层级的条件，我们简称 “9 层塔”，分别是：下面，我们根据每个大层级来解释一下，它们分别都是什么。1. 基础设施层基础设施层是一切网络服务的根基，由现实世界的硬件组成，是所有技术、代码、数据的运行基础。层 1：网络（Networking）即基础的互联网电信宽带服务，通过电信运营商在各地搭建联网用的设备，并使用线缆相互连接，满足数据的物理传输可能。比如你想要在家上网冲浪（非移动上网），最基础的条件是就是购买和开通宽带服务，通过接入光纤的形式，实现从家中连接到互联网世界的可能。层 2：服务器（Serves）服务器，本质上也是一台电脑。有了联网的条件，我们就要把网络接入到这台 “电脑” 上，让它来完成各种数据的处理和存储。但不管它能做什么，要做什么，首先你得先有这台设备，不然后续的工作都无从谈起，所以服务器指的就是用来完成后续工作的电脑设备。层 3：存储（Storage）存储就是硬盘，你想要运行的任何程序、代码，还是想要收集的数据，都需要容纳的地方，那就是硬盘空间。存储就是关联到服务器的硬盘，是数据存储的物理环境。之所以硬盘被独立出出来，而没有把 CPU 内存这些拿出来，是因为数据的存储和安全（物理上）是网络服务的重中之重。CPU、内存、电源坏了，替换就可以，硬盘损坏导致数据的丢失是无论如何不可能接受的。所以，工程师们开发了非常多特殊的技术来保障存储的稳定和安全。2. 技术应用层技术应用层，就是具备了网络、服务器、硬盘以后，让这些基础设施充分发挥作用和能效的相关技术。层 4：虚拟化（Virtualization）虚拟化是个比较抽象的概念，它是一种资源利用的技术，让服务器最大化的利用和分配自己的资源。比如一台服务器，有 8 核心、8G 内存、8G 存储，如果卖个一个客户运行一个程序，那么很可能这个这个程序日常只使用一个核心的算力，1GB 内存，1G 不到的存储，剩下的算力资源不就浪费了嘛？于是，虚拟技术就可以把这台服务器切割成 8 台 “虚拟机” 卖给 8 个这样的客户。让他们在这台设备上运行 8 个不同的程序，并根据它们各自使用的消耗灵活分配 CPU 和内存资源。所以，今天如果你想要搭建一个网站，云服务商出售的 “虚拟主机”，就是在实体服务器主机上切割出来的一部分。这样客户省钱了，商家利润率也更高了！层 5：操作系统（OS）每台电脑都有自己的操作系统，我们熟知的 Windows、Mac OS 等等。如果硬件没有搭载操作系统，那它们就只是一堆工艺精密的废铁。对于服务器来说也是，任何服务器想要正常运行，都必须搭载相关的服务器操作系统，有了基本的系统，我们才能创建程序，让服务器去运行我们想要的功能。前面提到的虚拟机，就允许同一台服务器通过虚拟技术运行多个系统。层 6：中间件中间件也是个比较复杂的技术概念，它是个独立系统软件服务程序，是软件的直接面向对象（而不是服务器），是一种支撑软件。举个不太严谨的例子，我们常规的逻辑是一个程序对应一台服务器（或虚拟机），但真实情况往往是一个程序会关联好几个服务器和不同的系统，来完成不同的网络服务。正常情况下，你需要对每个服务器和系统进行适配。而中间件的作用就是帮助你省掉这个麻烦的步骤，让你只需要对接唯一的翻译和话事人，他会帮你向不同的任务对象传达你的要求。层 7：程序环境（Runtime）程序环境，就是编译代码用的环境。我们常听说的 C 语言、C++、PHP、Java、.Net 等编程语言，都需要安装一个对应的运行环境。许多热衷电脑游戏的同学一定很熟悉游戏第一次启动触发的 Java 安装界面，那就证明这个游戏中运用到了 Java 的代码，如果你没有 Java 的运行环境，那么它们就无法生效。3. 产品表现层层 8：应用（Application）在这个系统下，应用程序指的不是你在自己电脑手机上安装的程序。而是安装在服务器上运行的程序，不管是后端程序还是前端程序。它们需要使用某些特定的程序语言来编写，并运行在上面所说的对应环境中。我们所说的后端开发，通常就是开发服务器所运行的程序的程序员。层 9：数据（Data）这个词放在这里可能有比较大的歧义，数据实际上就是使用这个程序所产生出来的数据，而不是单指数据库（数据库也是环境的一部分）。比如你打开一个网站注册了账号，上传了头像，那么这些信息就是使用程序所额外产生的数据，它是项目正常运作的必然产品。4. SaaS 到底是什么理解上面的 9 个层级的内容是什么，我们就可以看下面这张图表了。SaaS 全程 Software-as-a-Service，翻译叫 “软件即服务”，讲人话就是 “卖联网软件” 的。前面提的 9 个层级，除了最后一层数据是我们普通人可以负责的，其它每个层级都需要对应的开发和工程师来负责对吧，那么我们普通人还是企业就不能使用网络软件服务了嘛？这肯定是不符合事物发展规律的。SaaS 的存在，就是让用户不用管什么服务器、代码、中间件这些有的没的高深玩意，直接让你在浏览器或本地客户端上直接使用这款联网软件，并创建对应的数据信息。换句话讲，只要这个软件是联网的，且软件本身的功能就是服务的核心（划重点：社区电商类软件的服务显然不是软件功能本身），它就是 SaaS。SaaS 既可以免费，也可以是通过批量出售软件功能的使用权来赚取收益。免费情景：微软：如果你使用了基于 Web 的电子邮件服务（例如 Outlook、Hotmail 或 Yahoo!Mail），那么你已经使用一种形式的 SaaS。https://azure.microsoft.com/zh-cn/overview/what-is-saas/付费情景：在 B 端的语境下，SaaS 通常就是指制作一个面向商业用户的联网软件，然后批量出售这个软件的使用权。它并没有特指这个软件必须是 CRM、ERP、HRM 还是商用 HMI……所以明白了嘛，SaaS 只是一个商业形式或技术形式的统称，它根本没有具体的设计规范或者学习方法，完全根据业务的实际需求和场景决定。最后，再问你们一个问题，你们现在负责的项目是 SaaS 嘛？结尾这一篇我们完成对 SaaS 的基本介绍，下一篇，我会在这基础进一步展开，讲解 PaaS、laaS 和云服务的相关概念。希望大家不要再在这种基础概念中犯迷糊了……我们下篇再贱～万字干货！写给设计新人的B端产品入门指南本文受有赞设计师@美芳的指导，约12941字。阅读文章 > 欢迎关注作者的微信公众号：「超人的电话亭」本篇来源：优设网原文地址：https://www.uisdc.com/saas
电子商城 程序 系统 S-CMS电子商城系统(双语带手机版)以php+mysql进行开发，网站安装简单、快捷。程序特色：一、使搜索引擎更加容易抓取和索引二、提供更多的功能，提高用户的友好体验三、可用性的提高，提高用户的友好体验使用方法：将文件上传至PHP空间或服务器，运行http://你的域名/install.php进行安装。只需两步即可安装完成，为了保证网站安全，请修改默认后台路径及数据库名称。S-CMS电子商城系统系统(含微信小程序)v3.0 bulid20190402更新说明：1.新增：新闻分类新增了开启或关闭投稿的功能2.修复：修复由于用户设置后台目录是大小写不一致导致的读取文件路径错误的问题3.新增：微信小程序支持设置独立标题，可不在与网站标题一致S-CMS电子商城系统系统(含微信小程序)v3.0 bulid20190409更新说明：1.新增：加入回收站功能，所有误删除的数据均可在回收站内进行恢复2.优化：用户登录后台和导入模板数据时自动备份数据，防止误操作损坏网站数据3.优化：后台富文本编辑器改为Ueditor，功能更加强大S-CMS电子商城系统系统(含微信小程序)v3.0 bulid20190416更新说明：1.新增：新增页面防复制功能，可以保护网页内容防止文字被复制和图片被保存2.新增：当管理员登录IP有变动时，需要二次验证邮箱，保障后台数据安全3.新增：取消图形验证码，改为拖动滑块验证，增加了人机验证的安全性同时减少出错概率S-CMS电子商城系统系统(含微信小程序)v3.0 bulid20190507更新说明：1.新增：支持编辑器上传图片加水印及同步到OSS云储存2.新增：产品和新闻分类按钮启用click点击，采用a链接，对搜索引擎更加友好3.新增：新增MIP（即移动端网页加速技术）模板，可以有效的提高网站的搜索引擎排名
在路上
