微信小程序入口都有哪些？很多朋友都不知道微信小程序的入口吧，往下看为大家分享超级多的小程序入口 1，手机桌面(暂只支持Android) 前几天微信爸爸张小龙在朋友圈爆出了：“程序猿的一小步，程序的一大步”，瞬间引爆页面对小程序入口的猜测：小程序可以保留在手机桌面，多少创业者为此兴奋不已。 2，微信搜索 在搜索页面加上“小程序”搜索了，这个可能性比较大，正如张小龙所说的:用户扫一扫或者搜一搜即可打开小程序。那么，这里就是一个可能性比较大的入口; 3，线下扫码 首先这个线下扫描入口是微信官方主推入口，通过线下二维码扫码进入，实现不用下载使用APP，“即用即走的APP”。 4，微信菜单“发现”——“小程序” 打开微信，进入发现，打开“小程序”，即可搜索想要的小程序。此方法的前提是：使用过任意一款小程序。 5，小程序识别码 辨识度极高的专属“小程序码”，用户如果分享小程序码或者带小程序码的图片到朋友圈，好友识别即可进入! 6，好友分享小程序 如果你使用过某个不错的小程序，或者好友使用个特别实用的小程序。相互分享，必定成为一种不错的入口 ! 7，公众号关联推送 公众号关联小程序时，会直接推送通知给全体粉丝，用户点击直接跳转到小程序。用户只要体验一次，就能自动留存在使用的小程序中，在下次搜索时出现在优先排名。 8，附近的小程序 只要将您的小程序设置对应的位置，附近5KM范围内的用户即可搜索到您的小程序，并快速体验。这个入口为实体店服务做了很大的引流作用。 9，小程序列表(历史记录) 只要您曾经使用过某个小程序，即可在小程序面板快速找到。并且它会按使用的先后顺序排序，便于您快速找到最近使用的服务。 10，公众号菜单直达 商户可以在公众号菜单设置小程序入口，引导用户直接进入小程序，体验相关的服务。 11，聊天窗口 在于好友聊天界面中，点击“+”，可看到有“图片”“小视频”“位置”等选项，未来或许会增加“小程序的选项; 12，群资料页-群小程序 从微信iOS版迎来v6.5.13更新开始，新增群资料页查看群里所有收到过的小程序功能，群资料页可以查看最近收到的小程序，这也是不错的推广方式。 13，微信支付入口 发起微信支付时，用户收到的支付通知信息上可以设置小程序的入口。 14，微信支付结果页 用微信支付成功后，用户收到的支付凭证上有个小程序的入口，点击后可以跳转到对应该商户开发的小程序。 15，公众号底部菜单 底部菜单可以直接链接到小程序，方便实用。而且一个小程序可以关联50个公众号，这就意味着可以从50个公众号上面发现你的小程序。 16，小程序跳转 微信近日发布的内容：一个公众号关联的10个同主体的小程序和3个非主体的小程序之间实现跳转。现在在小程序中，长按识别其他的小程序码，即可打开相应的小程序。 17，通过APP打开小程序 支持APP分享到微信好友的链接或者内容以一种更便捷、更流畅、更友好的方式用小程序打开，这个入口结合了好友分享。 18，公众号详情页 文章内可配发小程序码，用户长按识别后进入; 19，卡券页面 微信原生会员卡内也支持小程序服务，商家可通过后台设置后，用户可从会员卡直达小程序，享受会员权益。 20，朋友圈 在朋友圈发布小程序二维码，按住即可跳转到对应小程序，这也打破了小程序不能分 享到朋友圈的问题。 21，通讯录 目前微信的“通讯录”中含有“公众号”一栏，可以进入查看自己所关注的公众号，小程序与公众号的服务性质类似，有可能会增加“小程序”的选项，可查看用户所关注和使用的小程序列表。 22，微信群的分享 可以分享小程序的人 任意页面到给微信群和好友，好友可以直接打开小程序。 23，通过图片打开链接小程序 在公众号文章里面的图片插入小程序代码就看通过图片打开链接小程序; 24，通过文字链接打开小程序 在公众号文章里面的文字插入小程序代码就看通过图片打开链接小程序; 25，小程序与新媒体 通过推文的方式从微信及其以外的媒体平台将流量导入，主观推广性不要太强，否则会被平台认为广告或者推荐量低等情况。 26，小程序与广告推广 此功能目前处于内测阶段，具体公开竞价推广以及相关规则未知。目前广告推广出现在小程序搜索，搜一搜以及附近门店处。 27，关键词搜索 用户在微信输入关键词就会跳出许多搜索结果，其中就包括小程序，可以直接跳转到小程序指定的页面。 28，“搜一搜”里面 小程序出来后，微信相继更新了新功能”搜一搜”，在手机设置里面的实验室里更新一下就可以找到“搜一搜”功能了，里面的搜索排名顺序是“小程序>公众号>内容。所以小程序在”搜一搜“里面的排名是优先地位。 29，小程序置顶 小程序可被用户置顶显示在聊天页面，这意味着用户在使用小程序的过程中可以快速返回至聊天界面，而在聊天界面也可以快速进入小程序，实现小程序与聊天之间的便捷切换。 30，星标小程序 用户可以在一些常用小程序做出标注，这些小程序将会在列表中置顶显示，向左滑动小程序可出现“标为星标”提示，已作出标注的小程序可取消。每个用户最多可以标注10个小程序，对于门店小程序来说将进一步增强其便捷性，这也是一大流量入口。 31，门店小程序跳转服务小程序 微信开发出新功能，门店小程序可直接跳转服务小程序，但前提是同主题并且已发布的小程序。 32，小程序与立减金 小程序内微信支付后，将获得N份立减金，通过将立减金分享给好友增加新的服务访问入口，这一功能逐步开放。 33，聊天小程序 好友聊天后，自动保存聊天小程序 34，公众号广告 目前内测公众号广告，也就是说在小程序任意位置可以出现小程序广告。 35，LBS推广 可以让你的小程序出现在全国任意位置。 36，qq浏览器 在内测QQ浏览器广告，腾讯系统完全打通。 37，朋友圈广告 朋友圈投放广告，可以直接跳转小程序。 38，微信搜索出现小程序入口 打开微信搜索的放大镜，出现小程序栏目。 39，第三方应用小程序 现在已经有很多第三方商店，可以为你小程序导流。 40，腾讯系pc入口 腾讯视频已内存小程序入口，未来会开放更多。 半年多的时间，微信赋予了小程序非常多的流量入口，这只是其中的一部分，更多功能和入口持续更新中。腾讯公司都在大力推广小程序，不断加力赋能小程序，可想而知小程序的未来是那么的值得我们期待。 小程序不管你做不做，流量就在那里，机遇红利也在那里，反正很多行业都开始入驻了，抢占早期红利了，也有很多入驻的早的用户开始盈利，刷屏抢占大流量了。

小程序其实就是一个功能丰富、操作简洁的轻应用，这种轻应用能帮助用户实现很多功能，例如，查询天气、查询快递单、查询公交、查询股票信息、购买火车票和飞机票、购买电影票、预定酒店、餐厅排号、餐馆点菜、查询天气、收听电台、共享单车、出行打车……当然，小程序作为微信的一种新应用形态，只能在微信里使用。 小程序有哪些入口 微信更新至最新版本之后，打开微信，点开“发现”Tab，就能看到小程序的入口 小程序有哪些无可替代的优势 1.无需下载 2.丰富的设备访问能力 3.可离线工作 4.开发成本低 5.帮助店铺打造“移动终端” 可以说，小程序以上优势及特点，决定了它的发展空间，其出现势必会成为移动互联网的一次重大变革。 小程序与原生APP的区别 1.否需要下载安装 2.开发难易程度 3.适合不同的应用场景 4.用户体验及规模不同。 小程序与微信公众号的区别 1.实现技术不同 2.定位和功能不同 3.使用体验不同

       域名是什么?        域名也由若干部分组成，各部分之间用小数点分开，例如“威海龙盟因特网服务中心”主机的域名是龙盟公司的拼音，就是“longmeng.com”，显然域名比IP地址好记忆多了。域名前加上传输协议信息及主机类型信息就构成了网址(URL)，例如“威海龙盟因特网服务中心”的www主机的URL就是：“http://www.longmeng.com”。        很多创业者不重视域名，有了公司就开干（那种连公司都不注册就直接接客的不在讨论范围啊），管什么商标、域名啊…不少公司连个网站都没有，还花钱买域名做甚？ 也有人说，现在域名没那么重要了，在中国都是用搜索引擎的，咱们做好百度付费推广就行了！而且流量都转移到移动端了，打造一款app多好，要域名干啥？       商号、商标、域名       商号大家都知道了，就是企业名称里面的“字号”，注册公司的时候都要填的；而商标，代表着品牌，是企业在同类商品中脱颖而出的不二法宝。       那么域名呢？毫不夸张的说，域名是一个企业在互联网时代立足的重要标识，是与外界链接的桥梁。       可是现在谁还直接打域名检索呢？       是的，在中国，大家习惯使用搜索引擎，所以惯坏了百度：一个关键字，各种鱼龙混杂、鱼目混珠的信息，还有很多公司把竞争对手的名称买下来，检索对方名字，跳转到自家网站，多棒！花在百度推广上的钱有多少，创业者们自己算算哦~       一个简单易记的域名       为什么没有人直接输入域名？因为你的域名不够简单。       你看人家京东，jd.com，jd京东、简单…还有乐视的le.com、小米的mi.com、唯品会的vip.com，是不是很棒？是很棒，而且很贵，乐视的le.com不是花了6000万嘛~6000万就嫌贵了？知不知道奇虎360花了1.1亿买下360.com？（真不懂这个做免费软件的哪儿来这么多钱）       一个简单易记的域名，绝对是互联网时代打开流量入口的另一法门。而且直接键入网址将成为趋势，听说帅的人都这么撩妹…      市场推广、品牌保护       域名和商标其实是一个公司做市场推广、品牌保护的左右护法，缺一而不可。有人说网站是一家公司的脸面，你的域名好不好记，决定了公司的逼格和颜值，更决定了未来发展的格局。       搜索引擎带来的“冒牌网站”、“假网站”太多了，最终人们还是会多看一眼域名，来判断是不是“官方”、“正牌”。（这说明，搞诈骗的公司注意了，你得买一个高大上的域名，成功率会高很多…）       还有一个大坑不能不防：域名或许会影响你的商标（主要是文字商标）。       研发了新商品，提交了商标申请，但是商标注册下来的时间比较久。这时候作为你的竞争对手，我把相关域名先抢下来，然后同时提交该商标在其他类别上的申请，再做类似的商品…（这是明摆着要结下梁子啊）       可是当你的品牌做出口碑，不明真相的吃瓜群众在网上一搜，出来的刚好是对方公司的网站。       所以，注册商标的时候，真的不顺带把域名也注册一下？       最后，忍不住想要多说一句，除了创业所需，做“域名投资”的也越来越多，和商标买卖一样，域名买卖也是很火的！

一、产品概况 经历了频繁的更新迭代，小程序已经构建起了趋于成熟的生态，与此同时，以即速应用为代表的小程序第三方开发平台也在尝试构建一个生态圈，旨在助力更多企业打造微信内电商生态闭环，实现线上线下引流。 即速应用，国内首家同时兼具微信小程序和支付宝小程序开发能力的平台，用户可以通过拖拽可视化组件，无需代码即可生成微信小程序。据不完全统计，微信小程序正式发布10个月后，在即速应用上打包代码并成功通过审核上线的微信小程序已经超过3万个。 二、产品构架 目前，即速应用已经上线34个功能，主要分为四大类：核心功能、营销工具、特色功能和其他功能。在微信搜索“即速应用”就可以进入即速应用的官方小程序，详细了解和体验以上所有功能。   核心功能主要帮助企业更好的打造在线商城，实现线上线下的流量闭环；营销工具重点是帮助企业推广品牌，吸引用户最终实现营收的手段辅助；特色功能旨在实现大数据营销，提高企业运营效率；其他功能属于辅助功能，完善企业的运营管理，更多方式对接用户。   1、核心功能 核心功能包括电商、预约、到店、外卖、多商家、资讯、圈子、推广系统、拼团、秒杀。   l电商：企业通过完整的在线商城、用户管理、营销推广和数据分析等经营工具快速搭建线上商城，打通铺货、推广、售卖、物流等多个环节。 l预约：企业可以根据商品的特性，灵活设置预约选项，为用户在小程序上提供线上预约服务，商家合理安排资源，也节省用户时间。 l到店：用户到达商家线下的实体店时，可以在小程序上完成商品的选购和订单支付，提升效率。 l外卖：企业可以在小程序内整合营销、会员、外卖、支付、商城等功能，从选购到配送实现一体化管理，摆脱第三方平台。 l多商家：直营连锁商家可以生成多个在线门店，每个门店都配有独立的小程序在线商城，总店小程序对门店信息、商品、订单、会员、物流、营销和门店权限进行统一管理，分店小程序同时可以实现自主运营，打造自己的门店。 l资讯：实时更新发布企业最新动态以及行业最新动态，展示企业文化。 l圈子：与“社区”有一定的相似性，商家在小程序内发起话题，集合同一兴趣的用户在圈子内互动，进行社交运营。 l推广系统：通过分销的模式让商家快速招募分销商，让分销商通过分享小程序店铺的方式帮助商家宣传推广产品并从销售额中获得一定比例的佣金，从而实现多渠道销售模式。 l拼团：让消费者在优惠价格的吸引下，自发邀请好友组团，以优惠价格购买商品的促销功能。 l秒杀：商家在特定的时间段，降低商品的价格，吸引买家在同一时间在小程序上进行抢购，限定时间过后商品恢复原价的营销工具。 2、营销工具 营销工具包括会员卡、积分、优惠券、当面付、储值、大转盘、砸金蛋、刮刮乐、集集乐、砍价。   l会员卡：商家可以在后台系统设定会员门槛，系统根据记录下来的用户消费行为进行匹配，从而确定用户的会员等级以及应享的会员权益。 l积分：商家设定积分获取标准后，小程序店铺后台根据用户的数据进行匹配累计，将积分转换为优惠或礼品，回馈给用户。 l优惠券：根据商家不同的需求，优惠券分为折扣券、满减券、代金券、兑换券等多种类型，消费者领券在小程序上消费时获取得价格优惠。 l当面付：通过面对面付款，消费者付款时可直接调用小程序上的优惠券减免以及储值抵扣部分金额的方式吸引顾客进行消费。 l储值：商家通过一定的让利，吸引用户预先付费，日后再进行消费。 l大转盘：商家通过事先设置好的奖项以及门槛，让用户以轮盘的方式去抽奖。 l砸金蛋：商家提前设置活动时间、预计参加抽奖人数以及相应奖项，最终由消费者通过“砸”金蛋参与抽奖。 l刮刮乐：商家通过设置多种奖品，让消费者在完成交易后可进行刮奖。 l集集乐：在商家设定的消费金额累积达到指定次数后，消费者可获得相应的优惠券奖励。 l砍价：用一款价格诱人的商品，促使消费者一人购买后分享至好友帮忙砍价的一种营销方式，最终让顾客以低于原价的方式达成交易。 3、特色功能 特色功能包括用户管理、手机管理、支付宝小程序。 l用户管理：通过用户进行标签管理后实现对后台的用户数据进行分析，多维度了解用户信息，实现对用户的精准管理。 l手机管理：PC端管理后台的手机版，拥有完整用户管理功能，可以实时管理和查看用户信息，实现移动化办公。只要一台手机，就可以随时进行店铺、商品、订单、物流、用户的管理。 l支付宝小程序：支付宝小程序是支付宝新的开放能力，链接政府、机构、商家和用户的极简服务工具，用户可以通过即速应用完成支付宝小程序开发，迅速对接支付宝5亿海量用户。   4、其他功能 其他功能包括地图、报名、分享、客服、动画、跳转、门店推广、视频、音频、H5跳转。 l地图：商家可以在小程序门店展示商家的地理位置，并实现路线导航的一种功能，对用户具有路线指引作用。 l报名：在小程序上快速收集用户姓名、联系方式等重要信息的功能。 l分享：商家设置好各种营销活动后，用户可以转发并宣传到其它渠道。 l客服：承载客户咨询、订单业务受理以及客户投反馈投诉的功能组件，并作为商家与客户之间沟通的纽带，传递沟通信息，解决用户问题。 l动画：商家根据自身需求，在小程序线上店铺内设置的各类动态效果，吸引用户的注意。 l跳转：商家在小程序商店中设置一个入口，可以直接进入另一个小程序。 l门店推广：通过门店小程序一键链接WIFI，直接展现优惠券和会员卡详情。 l视频：商家上传视频到小程序上进行宣传或售卖，可实现用户线上互动。 l音频：商家可以上传本地音乐和在线音乐，丰富小程序的体验。 lH5跳转：商家可以在小程序上添加已经做好的微页。 三、产品功能分析 即速应用在持续的更新迭代中，产品功能逐渐趋于完善。一个平台所开发出来的功能必须要实际运用到商业开展中才能发挥其实质上的作用。现在各行业在开展业务中，普遍存在四大痛点： 基于以上四大痛点，即速应用开发的功能在构造行业生态闭环的思考主要分为以下四个方面：拓展新用户、高效运营，提升客户体验、吸引老客户再次光临、多渠道拓业务。   1、拓展新用户 （1）拼团享受折扣，实现裂变式传播 当商家推出新产品的时候，在小程序上添加即速应用的拼团功能，利用社交进行传播和分享，每位消费者都可以开团，邀请自己的朋友来参团购买，满足一定的人数即可享受优惠折扣。 （2）优惠券快速拉新引流 当客户在购买商品并完成支付后，商家可以在小程序上给客户推送优惠券等营销工具，客户通过转发分享给自己的朋友后即可领取不同额度的优惠券，帮助商家提高品牌知名度，快速拉新，促进商家与客户之间的良好互动。 （3）借助老客户进行口碑传播，获取积分兑换优惠 通过推荐有礼的方式推动商家品牌新的传播，老客户发动新客户召集，给商家带来新的客户，即可积累一定的积分，根据「即速应用」的积分系统规则，商家可以设置积分到达一定额度后可以获得相关的优惠券，消费时可以使用优惠券抵消部分费用，获取新的客户的同时还可以培养忠实客户。 2、高效运营，提升用户体验                                                                                                     （1）借助「即速应用」电商系统，搭建微信商城，助力移动电商时代 在「即速应用」的平台上，商家可以通过可视化拖拽的操作搭建完整的在线商城，在小程序上个性化展示商家的热门商品和新上的商品，实现低成本流量聚合，打通铺货、推广、售卖、物流等多个环节，建立完整的线上营销渠道，推动商家快速进入移动电商时代。 （2）线上完成下单并支付，提高服务效率 通过到店系统，顾客可以在小程序上完成商品的选购和订单支付，实现高效下单，快速结算；客户还可以提前在小程序上下单然后预约上门获取商品，节省顾客时间，顾客的体验度也在提升。 （3）预约系统优化模式，提升运营效率 在「即速应用」开发的预约系统中，商家可以灵活设置预约细节，需要到店享受服务的顾客可以提前在线上预约时间段以及其他的细节，商家可以提前妥善安排资源，缓解顾客到店后排队所带来的抗拒情绪，降低顾客流失率。 3、吸引老顾客再次光顾 （1）通过「即速应用」平台建立会员体系，沉淀忠实用户 同时开通线上线下渠道发展会员，顾客可以通过线下办理会员卡，也可以通过网上申请成为会员，分享关注店铺活动也可以成为会员，享有会员权益；商家登记会员相关信息集成会员信息库，每次消费或者参与活动即可累计积分，积分达到一定额度即可升级会员等级，不同等级的会员在小程序上进行消费的时候享有更大的优惠。   同时通过「即速应用」用户管理平台，商家可以整理分析会员数据，在特殊节日对会员推送相关的促销活动，吸引客户再次消费，提升复购率。 （2）借助活动营销，激活沉睡客户，促进营销增收 借助节日热点如双十一促销、圣诞优惠、情人节等在小程序上策划相关主题的活动，借助「即速应用」平台开发的营销工具，包括会员卡、积分、优惠券、当面付、储值、大转盘、砸金蛋、刮刮乐、集集乐、砍价等吸引客户再次光顾。 4、多渠道拓业务 （1）建立自有微信外卖平台，摆脱第三方平台，提高外卖效率 商家可以在「即速应用」后台设置给顾客提供的外卖配送服务，整合营销、会员、外卖、支付、商城等商家经营需要的所有功能，通过微信营销和会员系统帮助商家多渠道吸引客户在小程序上进行消费，借力「即速应用」营销工具促进客户二次消费，打通外卖的各个环节，摆脱第三方平台，提高外卖效率。 「即速应用」还开发了手机管理系统，商家可以在手机上实时管理和查看用户信息以及订单信息，实现移动化办公，随时进行店铺、商品、订单、物流、用户的管理。 （2）门店管理，集成商圈，提升资源利用率 当商家盈利到一定程度后可以通过开连锁店的方式拓展业务，借助「即速应用」的多商家管理系统，在线管理不同的分店，实现多层级的账号管理，提升资源利用率，随时查看不同小程序店铺的经营数据，实现高效运营管理。 四、总结 总体来说，「即速应用」的功能比较丰富，操作简单，多行业模板直接套用，可以助力中小企业实现快速转型，拓宽资源整合渠道，最终实现线上线下闭环营销。未来，「即速应用」还会继续开发更强大的功能组件，更加契合微信官方的步伐。 如果说小程序在一定程度上充当了孵化平台，帮助创业者和个体商户迅速完成首批用户的积累，那么以「即速应用」为代表的第三方小程序开发平台就是这个孵化平台上的助跑者，助力更多商家在小程序的前行中创造更多的商业价值，让商家对接小程序拥有无限可能。

一、产品概况 经历了频繁的更新迭代，小程序已经构建起了趋于成熟的生态，与此同时，以即速应用为代表的小程序第三方开发平台也在尝试构建一个生态圈，旨在助力更多企业打造微信内电商生态闭环，实现线上线下引流。 即速应用，国内首家同时兼具微信小程序和支付宝小程序开发能力的平台，用户可以通过拖拽可视化组件，无需代码即可生成微信小程序。据不完全统计，微信小程序正式发布10个月后，在即速应用上打包代码并成功通过审核上线的微信小程序已经超过3万个。 二、产品构架 目前，即速应用已经上线34个功能，主要分为四大类：核心功能、营销工具、特色功能和其他功能。在微信搜索“即速应用”就可以进入即速应用的官方小程序，详细了解和体验以上所有功能。   核心功能主要帮助企业更好的打造在线商城，实现线上线下的流量闭环；营销工具重点是帮助企业推广品牌，吸引用户最终实现营收的手段辅助；特色功能旨在实现大数据营销，提高企业运营效率；其他功能属于辅助功能，完善企业的运营管理，更多方式对接用户。   1、核心功能 核心功能包括电商、预约、到店、外卖、多商家、资讯、圈子、推广系统、拼团、秒杀。   l电商：企业通过完整的在线商城、用户管理、营销推广和数据分析等经营工具快速搭建线上商城，打通铺货、推广、售卖、物流等多个环节。 l预约：企业可以根据商品的特性，灵活设置预约选项，为用户在小程序上提供线上预约服务，商家合理安排资源，也节省用户时间。 l到店：用户到达商家线下的实体店时，可以在小程序上完成商品的选购和订单支付，提升效率。 l外卖：企业可以在小程序内整合营销、会员、外卖、支付、商城等功能，从选购到配送实现一体化管理，摆脱第三方平台。 l多商家：直营连锁商家可以生成多个在线门店，每个门店都配有独立的小程序在线商城，总店小程序对门店信息、商品、订单、会员、物流、营销和门店权限进行统一管理，分店小程序同时可以实现自主运营，打造自己的门店。 l资讯：实时更新发布企业最新动态以及行业最新动态，展示企业文化。 l圈子：与“社区”有一定的相似性，商家在小程序内发起话题，集合同一兴趣的用户在圈子内互动，进行社交运营。 l推广系统：通过分销的模式让商家快速招募分销商，让分销商通过分享小程序店铺的方式帮助商家宣传推广产品并从销售额中获得一定比例的佣金，从而实现多渠道销售模式。 l拼团：让消费者在优惠价格的吸引下，自发邀请好友组团，以优惠价格购买商品的促销功能。 l秒杀：商家在特定的时间段，降低商品的价格，吸引买家在同一时间在小程序上进行抢购，限定时间过后商品恢复原价的营销工具。 2、营销工具 营销工具包括会员卡、积分、优惠券、当面付、储值、大转盘、砸金蛋、刮刮乐、集集乐、砍价。   l会员卡：商家可以在后台系统设定会员门槛，系统根据记录下来的用户消费行为进行匹配，从而确定用户的会员等级以及应享的会员权益。 l积分：商家设定积分获取标准后，小程序店铺后台根据用户的数据进行匹配累计，将积分转换为优惠或礼品，回馈给用户。 l优惠券：根据商家不同的需求，优惠券分为折扣券、满减券、代金券、兑换券等多种类型，消费者领券在小程序上消费时获取得价格优惠。 l当面付：通过面对面付款，消费者付款时可直接调用小程序上的优惠券减免以及储值抵扣部分金额的方式吸引顾客进行消费。 l储值：商家通过一定的让利，吸引用户预先付费，日后再进行消费。 l大转盘：商家通过事先设置好的奖项以及门槛，让用户以轮盘的方式去抽奖。 l砸金蛋：商家提前设置活动时间、预计参加抽奖人数以及相应奖项，最终由消费者通过“砸”金蛋参与抽奖。 l刮刮乐：商家通过设置多种奖品，让消费者在完成交易后可进行刮奖。 l集集乐：在商家设定的消费金额累积达到指定次数后，消费者可获得相应的优惠券奖励。 l砍价：用一款价格诱人的商品，促使消费者一人购买后分享至好友帮忙砍价的一种营销方式，最终让顾客以低于原价的方式达成交易。 3、特色功能 特色功能包括用户管理、手机管理、支付宝小程序。 l用户管理：通过用户进行标签管理后实现对后台的用户数据进行分析，多维度了解用户信息，实现对用户的精准管理。 l手机管理：PC端管理后台的手机版，拥有完整用户管理功能，可以实时管理和查看用户信息，实现移动化办公。只要一台手机，就可以随时进行店铺、商品、订单、物流、用户的管理。 l支付宝小程序：支付宝小程序是支付宝新的开放能力，链接政府、机构、商家和用户的极简服务工具，用户可以通过即速应用完成支付宝小程序开发，迅速对接支付宝5亿海量用户。   4、其他功能 其他功能包括地图、报名、分享、客服、动画、跳转、门店推广、视频、音频、H5跳转。 l地图：商家可以在小程序门店展示商家的地理位置，并实现路线导航的一种功能，对用户具有路线指引作用。 l报名：在小程序上快速收集用户姓名、联系方式等重要信息的功能。 l分享：商家设置好各种营销活动后，用户可以转发并宣传到其它渠道。 l客服：承载客户咨询、订单业务受理以及客户投反馈投诉的功能组件，并作为商家与客户之间沟通的纽带，传递沟通信息，解决用户问题。 l动画：商家根据自身需求，在小程序线上店铺内设置的各类动态效果，吸引用户的注意。 l跳转：商家在小程序商店中设置一个入口，可以直接进入另一个小程序。 l门店推广：通过门店小程序一键链接WIFI，直接展现优惠券和会员卡详情。 l视频：商家上传视频到小程序上进行宣传或售卖，可实现用户线上互动。 l音频：商家可以上传本地音乐和在线音乐，丰富小程序的体验。 lH5跳转：商家可以在小程序上添加已经做好的微页。 三、产品功能分析 即速应用在持续的更新迭代中，产品功能逐渐趋于完善。一个平台所开发出来的功能必须要实际运用到商业开展中才能发挥其实质上的作用。现在各行业在开展业务中，普遍存在四大痛点： 基于以上四大痛点，即速应用开发的功能在构造行业生态闭环的思考主要分为以下四个方面：拓展新用户、高效运营，提升客户体验、吸引老客户再次光临、多渠道拓业务。   1、拓展新用户 （1）拼团享受折扣，实现裂变式传播 当商家推出新产品的时候，在小程序上添加即速应用的拼团功能，利用社交进行传播和分享，每位消费者都可以开团，邀请自己的朋友来参团购买，满足一定的人数即可享受优惠折扣。 （2）优惠券快速拉新引流 当客户在购买商品并完成支付后，商家可以在小程序上给客户推送优惠券等营销工具，客户通过转发分享给自己的朋友后即可领取不同额度的优惠券，帮助商家提高品牌知名度，快速拉新，促进商家与客户之间的良好互动。 （3）借助老客户进行口碑传播，获取积分兑换优惠 通过推荐有礼的方式推动商家品牌新的传播，老客户发动新客户召集，给商家带来新的客户，即可积累一定的积分，根据「即速应用」的积分系统规则，商家可以设置积分到达一定额度后可以获得相关的优惠券，消费时可以使用优惠券抵消部分费用，获取新的客户的同时还可以培养忠实客户。 2、高效运营，提升用户体验                                                                                                     （1）借助「即速应用」电商系统，搭建微信商城，助力移动电商时代 在「即速应用」的平台上，商家可以通过可视化拖拽的操作搭建完整的在线商城，在小程序上个性化展示商家的热门商品和新上的商品，实现低成本流量聚合，打通铺货、推广、售卖、物流等多个环节，建立完整的线上营销渠道，推动商家快速进入移动电商时代。 （2）线上完成下单并支付，提高服务效率 通过到店系统，顾客可以在小程序上完成商品的选购和订单支付，实现高效下单，快速结算；客户还可以提前在小程序上下单然后预约上门获取商品，节省顾客时间，顾客的体验度也在提升。 （3）预约系统优化模式，提升运营效率 在「即速应用」开发的预约系统中，商家可以灵活设置预约细节，需要到店享受服务的顾客可以提前在线上预约时间段以及其他的细节，商家可以提前妥善安排资源，缓解顾客到店后排队所带来的抗拒情绪，降低顾客流失率。 3、吸引老顾客再次光顾 （1）通过「即速应用」平台建立会员体系，沉淀忠实用户 同时开通线上线下渠道发展会员，顾客可以通过线下办理会员卡，也可以通过网上申请成为会员，分享关注店铺活动也可以成为会员，享有会员权益；商家登记会员相关信息集成会员信息库，每次消费或者参与活动即可累计积分，积分达到一定额度即可升级会员等级，不同等级的会员在小程序上进行消费的时候享有更大的优惠。   同时通过「即速应用」用户管理平台，商家可以整理分析会员数据，在特殊节日对会员推送相关的促销活动，吸引客户再次消费，提升复购率。 （2）借助活动营销，激活沉睡客户，促进营销增收 借助节日热点如双十一促销、圣诞优惠、情人节等在小程序上策划相关主题的活动，借助「即速应用」平台开发的营销工具，包括会员卡、积分、优惠券、当面付、储值、大转盘、砸金蛋、刮刮乐、集集乐、砍价等吸引客户再次光顾。 4、多渠道拓业务 （1）建立自有微信外卖平台，摆脱第三方平台，提高外卖效率 商家可以在「即速应用」后台设置给顾客提供的外卖配送服务，整合营销、会员、外卖、支付、商城等商家经营需要的所有功能，通过微信营销和会员系统帮助商家多渠道吸引客户在小程序上进行消费，借力「即速应用」营销工具促进客户二次消费，打通外卖的各个环节，摆脱第三方平台，提高外卖效率。 「即速应用」还开发了手机管理系统，商家可以在手机上实时管理和查看用户信息以及订单信息，实现移动化办公，随时进行店铺、商品、订单、物流、用户的管理。 （2）门店管理，集成商圈，提升资源利用率 当商家盈利到一定程度后可以通过开连锁店的方式拓展业务，借助「即速应用」的多商家管理系统，在线管理不同的分店，实现多层级的账号管理，提升资源利用率，随时查看不同小程序店铺的经营数据，实现高效运营管理。 四、总结 总体来说，「即速应用」的功能比较丰富，操作简单，多行业模板直接套用，可以助力中小企业实现快速转型，拓宽资源整合渠道，最终实现线上线下闭环营销。未来，「即速应用」还会继续开发更强大的功能组件，更加契合微信官方的步伐。 如果说小程序在一定程度上充当了孵化平台，帮助创业者和个体商户迅速完成首批用户的积累，那么以「即速应用」为代表的第三方小程序开发平台就是这个孵化平台上的助跑者，助力更多商家在小程序的前行中创造更多的商业价值，让商家对接小程序拥有无限可能。

什么是网站？网站到底是什么意思？ 网站(Website)是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布、招聘等等。随着网页制作技术的流行，很多个人也开始制作个人主页，这些通常是制作者用来自我介绍、展现个性的地方。也有以提供网络资讯为盈利手段的网络公司，通常这些公司的网站上提供人们生活各个方面的资讯如时事新闻、旅游、娱乐、经济等。 在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至3D技术开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样子。通过动态网页技术，用户也可以与其他用户或者网站管理者进行交流。也有一些网站提供电子邮件服务。 网站由什么组成的？ 网站由域名（domain name 俗称网址或玉米），网站源程序和网站空间三部分构成。 域名（俗称网址）形式比如：baimei.com (一级域名)，www.baimei.com （二级域名）； 网站空间由专门的独立服务器或租用的虚拟主机承担； 网站源程序则放在网站空间里面，表现为网站前台和网站后台。

网站的相关性到底有多重要呢？我觉得网站的排名优化与网站的流量转化率就可以说明这个问题。而且发表帖子的时候，网站的链接放在说明位置比较恰当也是一门艺术。要发表一篇稿子，不能太随意了，更多时候应该想想，这篇文章是不是会给优化的网站带来不利因素，比如；网站网址应该放在哪个位置好，一定要留意一下。下面我理清楚了一些问题和不足之处，作为SEO优化人员，有时候也不能太随意了。一起来看看。 一、发的帖子是不是用户需要的东西？ 做网站优化的，经常会关心网站的优化进度，最直接的就是关键词排名，搜索网站的关键词，就能看到网站的优化进度或者效果状况。还有就是搜索公司的网址，看看与网站相关的文章到底有多少，文章的质量度怎样，有没有达到相传网站和公司的效果，这些都是很重要的东西，说得直接一点就是文章的相关性。 二、发的帖子是不是对网站排名有影响？ 这个就是所谓的优化效果，发出去的帖子或者文章是不是被收录了？哪些网站发布的帖子被收录了，有没有去跟进比较。做任何一件事儿的时候都应该遵循三个原则：事前沟通，事中跟进，事后反馈。假设找的资源无法发出的帖子效果不理想，到底有没有收录，如果不去跟进，根本就不知道这个资源到底有没有用。那么所做的工作是否白做了，就不得而知了。 三、发的帖子是不是与优化的网站相关？ 越来越觉得文章的相关性对于一个网站的优化至关重要了。怎么说呢？物以类聚，人以群分，一个行业聚集着一群人，若是在不相关的网站发一篇不相关的帖子，首先撇开收录问题不谈，就谈谈帖子能活多久。一分钟，一小时，还是一天或者一个月。这得看网站管理员和版主的心情，或者说这个网站的专业性。即便是帖子活了，但是帖子能带来什么呢？有人会看么？专业性的网站聚集着专业性的人。那么与这个专业不相关的东西关注的人就真的很少了。 四、发的帖子用户看了是什么感受？ 有时候因为网站优化的进度问题，总会找一些麻烦添堵，这是无可厚非的。网站所在的公司偶尔也会不定期的抽查网站的近况，这时候问题就会暴露了SEO对于这个行业的专业性。比如做SEO的支队SEO行业比较熟悉，然后接收的网站是另外一个行业的，发的文章也是与优化网站相关的文章，但是这个文章可能有一些负面信息暴露出来了，而这个时候做了一个关键词链接到优化的网站。站在优化的角度这帖子是没有问题的，但是因为是负面信息带来的流量，站在用户的角度看，这个帖子有问题。因为给网站带来流量的信息居然是负面的，这会直接影响到公司的业务和专业性。所以，很多时候得站在用户的角度看问题。 说了这么多，总结一下。做优化，相关性太重要了，有相关性太会有关注。有相关性才会有转化率。做SEO不能只站在SEO的角度去考虑问题，还应该站在用户的角度去看待问题，多换位思考一下。或许这就是做排名与做流量转化之间的区别。  

1，刷网站流量，造成网站带宽耗尽，让用户达不到。很多站长使用的虚拟主机，虚拟主机的流量一旦被刷完，服务提供商可能就会关闭服务器。 2，网站被百度降权，收录减少，排名下降，甚至直接被百度K站。尤其是使用百度统计等相关百度系工具的网站更是会被百度察觉异常并被百度惩罚。即便是没有被百度发觉，大流量可能会影响蜘蛛顺利抓取网站。 3，测试服务器宽带抗压容量和内存处理能力，下一步更大规模的攻击，直接阻塞掉服务器。服务器宽带容量是有限的，垃圾流量堵塞住了正常管道，普通用户的数据请求很可能达不到服务器。主机内存和cpu的处理能力也是有限的，超大批量的数据处理可能让电脑宕机。 4，刷联盟广告的流量，广告联盟如果被刷次数太多的话可能被禁封账号。 遭遇到这种情况，我们要采用以下的集中办法尽量较少副作用。 1，屏蔽攻击源ip地址，从源头上堵死流量来源 登录cpanel后台，找到”日志”>>>“访客” 仔细分析下里面的访客IP,如果某一IP地址在短时间内有大量的数据，可以考虑屏蔽掉。通过”访客”这个目录进去，数据太多，并且都是网页版本的，分析起来比较麻烦。另外一个方法是点击”日志”>>>“原始访问日志”，下载压缩包并解压，使用文本编辑器打开分析。 使用这种方式也有一定的缺陷。攻击者敢于攻击，肯定也想到了一定的规避措施。在分析ip地址的时候，我们不仅仅判断同一个ip地址，更要判断出同一类型的ip地址。ip地址分为三类型，A类，B类，C类。判断一个IP地址属于哪个类型，只需要看ip地址的第一个字节。A类IP的地址第一个字段范围是0~127，B类地址范围：128.0.0.1到191.255.255.254，C类地址的第一组数字为192～223。如果两个ip地址不同，但是属于同一类型的ip地址，并且网络号一样，那么也是我们要考虑过滤的ip地址。 这种方式也会有一定的误判，只在非常时期使用。现在很多人刷流量使用流量精灵等软件来刷，ip都是代理的，很难找到元凶。 2，向百度站长平台提交异常报告,附加上相关截图 3，使用百度加速乐或者360网站卫士 加速乐需要交纳费用才能使用，其中最便宜的超值套餐也需要6980元，中小站长伤不起的。360网站卫士是可以免费使用的，但是只是针对备案过的网站，没有备案的站长等着哭去吧。注册网站安全卫士后，开启360网站卫士的验证码防护。由于360是网站卫士是免费，这里有个简单教程工大家参考。360网站安全卫士注册教程 除了屏蔽ip地址和使用网站安全软件，似乎没有其他比较好的办法。站长只能注意平时保持低调，不要得罪人了。遇到这种情况，也不要太慌张。卸载掉网站上百度相关产品，继续保持每天的更新，围绕关键词跟认真的去写原创的文章，相信百度还是会收录的!只要老实做站的话，百度还是会给予应有的排名，收录和权重。为了防止接下来可能更加凶猛的攻击，也要做好网站备份工作，谁也保不准攻击者会不会像其他办法进一步加强攻击。  

SEO与网站建设的关系 由于互联网的发展，让SEO上了高速铁路，每年网站数目的增加以上万来统计。在此，上海网站建设公司聚搜营销小编要讲一下SEO与网站建设的关系。 1、SEO并不完全等于流量 某些站长错误的以为SEO就是流量，但我为什么会说这种想法是错误的呢，因为SEO优化是一个长期而漫长的过程，优化后不能立马起到作用，所以我们要坚持。SEO的优化结果与很多因素有关，SEO并不完全等于流量，一定要保证链接与空间的稳定性，内容的原创性，一步一步的做好，网站就能被我们优化好。 2、优化要从正反方面来考虑 蜘蛛根本就不欣赏我们人类所欣赏的视频，蜘蛛很讨厌，因为蜘蛛本身是无法识别视频的。网页中的视频会让网站的加载速度变慢，这样一来，当用户打开含有视频的网页时，便会影响用户的体验度；从另一方面来说，视频吸引用户的眼球，所以便增加了用户的体验度，让人难以抉择是否该选择网页视频动画。这时我们不得不做出一些决策来：增加关键词的密度(提升关键词的排名)，切记密度不得过大，最好控制在8%以内；导出链接(增加友情链接)，切记导出的链接最好控制在35个以内。要做到正反合理考虑，才能优化出好网站。 3、SEO的对象是用户 大家对SEO理解是网站优化，优化的主要目的是为了将网站排名提升，以及用什么样的优化手法才是王道等等。曾经我使用过不正当的优化手法，例如关键词的堆砌以及桥页等等，刚开始效果不错，但是没过多久，网站又被打回了原型，经过哪些教训，让我们明白这样的方法不能再使用。其实这样做并不能得到长久的发展，网站排到第一名又怎样，网站的跳出率并不高。左思右想，终于搜索引擎的更新给了我一个很好的提示，那就是用户的体验度。抓住了用户的体验度，排名和盈利都跟着上去。只要我们抓住用户的体验度，让更多的用户访问你网页，你所做的工作将是事半功倍。 一个网站要做好，做强，就必须依靠SEO，切记不能用投机取巧的方法来进行网站建设！  

目前“互联网+”的热潮正在席卷着各个行业，互联网技术的不断革新推动着各行各业的发展，网站建设做为互联网行业中必要的“起步”同样也受到这股风潮的影响。以目前的情况来分析：一个网站怎么样建设才算的上成功呢？ 然而，我们都知道如果想要建设一个成功的网站，那必须要有一个详细的规划和定位。所以，在网站建设过程中，建设的方案和规划是必不可少的。 1、 在方案中等待机会 拥有好的建站方案能够让你知道怎样去建设网站，然后很多人只关注网站价格，而不关注网站的质量，导致网站做好以后无从下手。 其实很多人都知道一个定律，那就是网站建设开始的时候会有一段时间网站的整体低迷时期，在这样的时间段里，网站的流量低、收录少。即使我们选择直接做推广或者友链互换，对于网站刚开始来讲成效不会很大，这段时期，最重要的是要懂得如何去运营和优化。 在这个时期，有了一个网站建设运营方案，但是没有足够的耐心，看到自己的网站没有什么起色，就选择放弃，这样的结果就是让自己之前的所有努力白费了。因此，小天想要告诫我们的企业，在网站建设的初期，一定不能够放弃，要耐心的等待，一个完善的网站建设方案已经有了，如果我们在这么好的条件下放弃我们的站，那么并不可取。网站的低靡期不是一直持续的，只要肯坚持下去，就能够取得想要的成绩。借用一句话，有志者事竟成，就是这个道理，更何况网站建设就是一个枯燥无味的过程，所以我们要有着足够的信心。 2、 专业的优化技术 上面说了要有足够的耐心去等待，但是在等待的过程中，不是盲目的，不能够那样坐着等待，这样是不对的。在这个等待的过程中，仔细研究我们的网站建设方案，然后对于我们的网站制定出一个更好的优化，这才是我们应该做的。 而优化对于网站是一个必不可少的填充，在优化网站的时候，要有专业的SEO优化知识，这样才是最基本的方法。在网站优化中，很重要的一点，那就是关键词的选择。密度，我们站长都很熟悉，为什么要说密度问题，因为这是我们很多站长的一个通病。在看一篇文章的时候，有很多的用户反映，同一个词出现的次数太多。我们经常说四处一词。什么是四处一词呢，就是在一篇文章中，把握关键词的出现频率。一般来说500字文章做到四处一词是很好的，出现4次就足够了，这样对于网站有很好的作用，从搜索引擎，蜘蛛的抓取来说，也有很大的帮助，这样的关键词布置对于抓取率很高。 网站的建设过程，不是单一的制作工程。这里面需要包含着网站定位、网站规划、网站运营、网站优化等工序。要想建设出一个优秀的网站，是要通过细致的去体验、去发现、去修改才能做出好的网站。因为我们，因为您，因为我们和您，网络世界从此不同！  

手机和显示器的区别仅仅是一个大、一个小么？显然不是这样的，细心的手机用户一定都会发现同样一张图片或者照片在手机上和显示器上看，“看起来”的大小是不一样的，甚至是相差悬殊的，这事怎么回事呢？ 从参数上来说，显示器的尺寸是：21英寸，分辨率是：1680×1050，手机的尺寸是：3.7英寸，分辨率是：480*800。简单对比发现，很显然二者并不是简单的根据尺寸或者分辨率的倍率来拉伸放大缩小的。 二者之间存在一个转换关系…… 做过印刷品设计的人都会知道在印刷上有个dpi（dots Per Inch）的参数，是用来描述指单位面积内像素的多少，dpi越小，扫描的清晰度越低。那么，在数码时代，我们依然有个参数叫做ppi（pixels per inch），用来来描述每英寸所拥有的像素数目，它是图像分辨率的单位，图像ppi值越高，画面的细节就越丰富。所以ppi就是显示器于手机屏幕显示差异 的根本所在。 ppi与屏幕尺寸以及分辨率的转换关系可以用数学公式为： 通过计算可以得出示例中的手机的ppi为252，而显示器的ppi则为90，手机屏幕的ppi是显示器的2.8倍。简单来说，就是，在手机上看到的 图像放大2.8倍就相当于在显示器中看到的效果；或者说在显示器中看到的图像缩小1/2.8倍（约等于36%）就相当于在手机中看到的效果。 ppi的引入如果就为了得到这个数值？那么就不值得我们这么关注它了，因为如果稍加尝试，你就会发现，如以上数据所说，将电脑上图像缩小到36%，虽然看起来图像的面积跟在手机上看到的差不多，但是实际图像中的内容早已糊成一团了。 那么ppi这个参数的意义何在呢？ 通过分析这个数学公式我们可以了解到ppi是与屏幕的分辨率和屏幕尺寸有关系的，那么如果我们有了这三组值中的任意两组就可以得到另外一个了。 比如，我们从ios人机界面指导手册中我们了解到ios有一些通用原则：可点击元素的最小尺寸是44×44px。那么我们可以通过计算出ppi然后推导出在iphone上44px的最小尺寸对应的屏幕尺寸是多少了。 根据前面的 计算公式，我们很容易得到 Iphone 3GS 的ppi的值为164 那么最小点击区域的44×44px的区域的ppi也等于164； 所以，将公式反推就可以得到iphone 3GS的最小点击区域的实际尺寸为0.38in。 我们知道1in=25.4mm，所以iphone 3GS的最小点击尺寸在物理屏幕上的尺寸为：0.38*25.4=9.6mm 其实一般来说，我们得到的数据更多的是这样的： windows phone 推荐点击区域为9mm，最小7mm，元素之间的距离最小7mm ；Nokia：推荐不小于1cm(0.4″)的点击区域。最小值为：食指点击7×7mm/1mm间距，拇指点击8×8mm/2mm间距，列表选项之间有 5mm间距……。由于不同终端机型的分辨率和屏幕尺寸是不相同的，所以大多数厂商更愿意定义更加直观和实际的物理尺寸来指导我们的设计（ios之所以直接 定义成像素值，那是因为他们自己既是硬件厂商又是软件厂商，所以机型的分辨率的完全在他们的控制中）。 Nokia 5230为例： ………… 有了这样的一些数据，就使得我们开发触屏手机上的软件的时候，就变得有据可依，同时也对手机显示和显示器显示的差异能够有个很好的掌握。 ppi只是个参数，它更是一座桥梁，将手机和显示器关联了起来了，让我们的设计可以更加精确和有的放矢。

色彩的世界多采多姿，不同的色彩计画常常左右了产品最终给人的感觉，而色彩并不会单独存在，良好的色彩搭配常常可以让你的色彩计画更加吸引人的目光。在《浅谈色彩学：对比色配色》中我们曾提到色彩比例分配的原则，透过一些公式化的配色技巧让大家在搭配色彩的时候有所依据而发展、不致于手足无措不知该从何开始。 以70％底色、25％主色与5％强调色的配色原则为例，由于底色与主色都是属于同一个色相的色彩（黄色系），因此以这个例子而言，其实是使用了两个色彩的配色方案： 在一般情况下，一个版面中使用的色彩建议不要超过三个色彩。这边所指的三种色彩通常是指「色相」上的不同。米黄色与铭黄色在人类的视觉感受上，都认为是温暖的黄色色调，因此并不会主观的认为他们是不同的色彩，而是同一个色系的色彩集。而紫色就很明显不属于黄色色系的一份子，因此在这个配色方案中可以算是一个独立的色彩 然而不管是两个颜色还是三个颜色，很明显都不够用。 设计师在为版面制作细节的时候，常常会需要使用许多同色系的色彩，例如需要利用明暗变化来营造元件立体感的时候： 抑或是同一个按钮在不同的状态下想利用透过些微的色彩变化来给予使用者回馈，例如这边利用加亮以及加暗来模拟「发光」以及「凹陷」的效果，这时候都会需要更多同色系的色彩来辅助： 想要取得这些色彩有许多方式： 1. 使用HSB 选择颜色： 几乎所有的绘图软体都提供了HSB 的选色工具，在大部分的情况下设计师可以轻易的使用HSB 快速取得各种同色系的色彩。HSB 使用三种数值来描述色彩：分别为色相（Hue）、饱和度（Saturation）以及明度，或称亮度（Brightness）： 在大部分的情况下，我们仅需调整明度的数值即可得到需要的色彩： 然而色彩有分高明度以及低明度的色彩，像是黄色就是高明度的色彩，因此色彩的明度数值就高达90％，当我们需要比黄色还更亮的色彩时怎么办呢？这时候可以去调整饱和度的数值，让色彩往白色接近一些，以取得更高明度的色彩。当然啦，在显示萤幕上是不存在比白色还要亮的色彩的。 关于HSB的更多细节可参考《浅谈色彩学：人性化的HSB色彩空间》一文 2. 利用绘图软体的透明度以及叠加工具来取得色彩： 比起HSB，这个方法似乎又更科学化了一些，适合设计的一开始就利用这个方法来定好一套色彩规范、方便后续作业、团体分工作业等等。 我们可以利用黑色与白色，透过不同透明度的叠加在原始色彩中，以取得同色系的色彩： 这个效果很接近直接调整饱和度以及明度数值所得到的色彩结果，很快速但是不一定可以取得吸引人的色彩。 绘图软体中提供了色彩混合的叠加模式，我们这边利用「柔光」(soft light)的叠加模式，以相同的方式叠加在原始色彩中，可以得到完全不同的色彩组合，比起透明度的叠加，取得的色彩更舒服、更调合： 当柔光的效果不够强烈的时候，我们另外可以尝试其他不同的叠加方式，例如以下就是使用「重叠」(overlay)的混合模式得到的色彩组合： 当然不同明度的色彩使用各种混合模式亦会得到不同的结果，高明度与低明度的色彩适用的混合方式并不同，建议可以依据自己的原始色彩多方尝试、快速取得最符合自己需要的色彩组合。 方法是死的，这些配色方法都只是透过科学化的方式、帮助我们更快的取得需要的色彩组合来应用，当然设计师们应该按照自己的需求来对色彩做调整。例如黄色系的高明度色彩，其实如果将「色相」做细微幅度的往红色（低明度）偏移，也可以得到降低明度的结果 、却也让人感受到是同一色系的延伸。 网页设计师配色工具集 这里将会介绍一些好用的配色工具，简单容易使用哦！  

自从Windows8的Metro风格出来后，扁平式的设计风开始成为网页设计和UI设计的年度流行设计趋势，但现在我们不称它为Metro风格了，国外设计师都说是Flat Design（即扁平化设计），或者你很讨厌Metro风格，但你不定讨厌Flat Design，它的设计很有特色，那么什么是扁平化设计呢？国外设计师Carrie Cousins在网站上介绍了扁平化的五个特点，下面看看扁平化设计(Flat Design)的五个特点： 1.拒绝特效 扁平化这个词来自于这种设计所使用的样式和形状，它完全属于二次元世界，一个简单的形状加没有景深的平面，不叫扁平化都浪费这个词了。 这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。 这一设计趋势极力避免任何拟物化设计的元素，这导致这一设计风格在其它平台有时候显得突兀，前景图片、按钮、文本和导航栏与背景图片格格不入，各成一派。 那么，扁平化的效果如何呢？ 因为这种设计有着鲜明的视觉效果，它所使用的元素之间有清晰的层次和布局，这使得用户能直观的了解每个元素的作用以及交互方式。如今从网页到手机应用无不在使用扁平化的设计风格，尤其在手机上，因为屏幕的限制，使得这一风格在用户体验上更有优势，更少的按钮和选项使得界面干净整齐，使用起来格外简单。 2.界面元素 扁平化设计通常采用许多简单的用户界面元素，诸如按钮或者图标之类。设计师们通常坚持使用简单的外形（矩形或者圆形），并且尽量突出外形，这些元素一律为直角（极少的一些为圆角）。 这些用户界面元素方便用户点击，这能极大的减少用户学习新交互方式的成本，因为用户凭经验就能大概知道每个按钮的作用。 此外，扁平化除了简单的形状之外，还包括大胆的配色。但是需要注意的是，扁平化设计不是说简单的搞些形状和颜色搭配起来就行，它和其他设计风格一样，是由许多的概念与方法组成的，想要学习具体设计方法的朋友可以看看 Designmodo，这里有许多现成的设计实例可以让大家分享：《40+扁平化的APP应用UI和网页设计素材》、《给你灵感的扁平化UI设计作品收集》、《50个漂亮的扁平化网页设计欣赏》、《设计非常细致的扁平化Icon图标-附PSD》。 3.优化排版 由于扁平化设计的使用特别简单的元素，排版就成了很重要的一环，排版好坏直接影响视觉效果，甚至可能间接影响用户体验。 字体是排版中很重要的一部分，和其他元素相辅相成。想想看，一款花体字在扁平化的界面里得有多突兀。上图是一些扁平化网站使用无衬线字体的例子。无衬线字体家族庞大分之众多，其中有些字体会在特殊的情景下会有意想不到的效果。但注意，过犹不及，不要使用那些极为生僻的字体，因为保不齐它就把你带进坑里了。 如何使用字体也是一门学问，要学会让不同的字体表达不同的概念，通过字体告诉用户这某一设计／功能的含义，努力使字体成为你简化设计的有力武器。 4.如何配色 扁平化设计中，配色貌似是最重要的一环，扁平化设计通常采用比其他风格更明亮、炫丽的颜色。同时，扁平化设计中的配色还意味着更多的色调。比如，其他设计最多只包含两三种主要颜色，但是扁平化设计中会平均使用六到八种。 而且扁平化设计中，往往倾向于使用单色调，尤其是纯色，并且不做任何淡化或柔化处理（最受欢迎的颜色是纯色和二次色）。另外还有一些颜色也挺受欢迎，如复古色（浅橙、紫色、绿色、蓝色等）。 5.最简方案 设计师要尽量简化自己的设计方案，避免不必要的元素在设计中出现。简单的颜色和字体就足够了，如果你还想添加点什么，尽量选择简单的图案。 扁平化设计尤其对一些做零售的网站帮助巨大，它能很有效的把商品组织起来，以简单但合理方式排列。（编者注：有兴趣的读者可以自行寻找一些例子，原文作者推荐看 Svpply，但是网站与作者的描述略有不符，故略过不提。） 伪扁平化设计 最近还有一种趋势值得关注，一些设计师把某一项特效融入整体的扁平化之中，是其成为一种独特的效果。比如说，在简单的按钮加一点点渐变或阴影，从而使这种风格成为其特色，产生出一种扁平化设计的变种。这种设计要比单纯的扁平化更具有适用性和灵活性。 许多设计师比较喜欢这种设计，因为这意味着他们可以加点阴影或透视在某些元素上。用户可能也会喜欢这种稍微圆滑一点的设计方式，这能引导他们进行一些适当的交互。 但是，还有另一部分设计师并不喜欢这种定位模糊的设计方式。 如果你对Flat Design感兴趣，请浏览设计达人网的《扁平化设计》栏目，这里会有更多相关的文章给你学习参考。

文字与摄影图片的排版最近很流行，在各大微博、社区博客都有，有的做成小清新、有的做成可爱的等等。今天将为大家分享一个实现复古风格的图文照片效果的Photoshop教程，希望大家喜欢，先看看效果图： 这个图案你也可以是文字的形式，建议参考《文字与图片排版灵感》的效果。下面一起看看这个教程制作方法： 第1步 在Photoshop新建一个画布，我这里是2880x1800px大小，打开你的图形素材（透明PNG格式或是矢量图形），用鼠标拖到新建的文件里。 第2步 双击图形素材设置为白色（图层样式 > 颜色叠加），新建一个图层并填充为黑色，并将图形素材与黑色图层合并。 第3步 选择主菜单“滤镜” >“ 转换为智能滤镜”。 再次选择“滤镜” > “模糊” > “高斯模糊”，半径选择4px。（根据你的图形可微调） 第4步 选择主菜单“图层” > “新建调整图层” > “色阶”，改变这些值，直到你看不到模糊效果。然后再选主菜单 “图层” > “创建剪贴蒙版”。 第5步 在顶部创建一个图层，然后通过一些肮脏笔刷或纹理实现类似印章质感。 第6步 将所有层合屏成一个组，（选择所有图层，按快捷键CTRL+G），将这个组的混合模式改为“浅色”。 第7步 添加背景照片，在组下方插入一张你喜欢的照片，可以在这里找《8个提供免费高品质的照片网站》。 照片现在比较明亮，我们通过色阶调整一下，根据图像细微调整（“图像” > > “调整” > “色相/饱和度”） 第8步 选择主菜单“图像” > “调整” > “色阶” 将图像再变暗一些。 第9步 选择主菜单“图像” > “新建调整层” > “照片滤镜” 来添加些暖色，浓度根据照片调整，我这里是51% 第10步 双击编辑智能对象（图形素材层），选择主菜单“滤镜” > “滤镜库” > “画笔描边”，选择“强化的边缘”调整到你满意的效果。 最终效果图 下面是最终实现的效果图，怎么样？还可以吧？喜欢的自己动手试试哦！      

经常有朋友问如何才能做出好的设计作品？其实这并不是一个那么容易回答的问题，一个优秀的设计师除了具备良好的绘画功底与审美的之外还需要了解自己的用户，了解自己的产品，而我们作为服务行业又要努力保持好商业与艺术之间的平衡，这时对设计师们的考验就会更严苛。 从学校毕业、开始工作，从什么都不懂到了解行业并且为客户解决问题，这些经历都不停在每位设计师身上上演着……慢慢的会让我们懂得一个成熟的设计师除了扎实的视觉表现基本功之外更需要一个良好的口才与优秀的沟通能力，我们不只是一个简单的执行者，甚至有时我们责任重大，变身为问题的解决者。 那么回到我们的问题，初出茅庐该怎样让自己能够快速成长呢？ 我们需要了解行业动态，需要具备优秀的审美，需要收集大量的案例，需要虚心请教周围更有经验的前辈；大的不说我们来谈点有实际意义的。 建立自己的素材库 建立自己的素材文档（我本人比较喜欢用花瓣网，云端储存简单易用，资源收集丰富便捷），并且经常关注设计达人网的素材分享，达人分享的素材都有版权注明，可以放心使用，而且大部分为免费。 那么我们有了素材库之后该怎么办？两个字：分类，这里依照每个人的习惯不同那么分类的点也会不一样，根据习惯我们可以第一时间找到适合的风格来寻找灵感并且予以借鉴，这里贴出我个人的分类给大家参考。 那么分类完成，有了素材库的沉淀就够了么？答案当然是no！在这里我想提个问题，我相信蛮多设计师会创建自己的素材库，可当你们收集完之后会返回去看这些令你们喜欢的作品么？所以这里我要强调的是分析，分析你喜欢的作品，分析你收藏他们的原因，无论是字体、视觉表现、交互逻辑一定会有他们各自的闪光点吸引你，才会被收藏下来，针对不同的风格进行单独的分析思考，自己观察每个细节，打开你发现未知的眼光你就会在每一个作品中学到自己不曾注意的小点。 案例分析 我们随机找出这张案例来进行分析，一个游戏角色的介绍页面，整体干净简洁没有过多的场景处理（这么做也是为了在不同角色的情况下保证背景的统一，并且设计成本也会降低），下方巧妙的用菱形图案将角色放置点击切换（如果给到我们来做这么多角色的选择按钮我们会像这样排列么？），所以在分析作品的同时我们不仅仅是看到视觉的表现，交互的形式和作者在做页面时的思考我们也可以试着去体会，这样会更加深对作品的理解。 电影海报，整体采用红黑单色配色增强冲击力，人物出乎意料的倾斜摆放增加画面张力，文字的排列也特意做了倾斜效果让整体视觉都在一个动视中，右上角的碎玻璃和子弹完美创造了后坐力的效果，让人看到海报就有眼前一亮的感受。比如交给我们来设计一个FPS类型的页面我们会考虑用单色处理么？会考虑人物的动态摆放么？每张值得参考的作品都是我们的灵感来源，学会观察、学会思考会让我们走的更远。 电影介绍网站，主要导航区域放在左侧，将展示的不同区域用大图片的形式放在右侧可以点击进入内页进行浏览，眼前一亮的交互形式不仅能够非常好的展示内容而且能够勾起玩家的探索欲参与进来。如果我们遇到版本专题或专题集合页面的设计时是否可以考虑采用类似的交互形式来设计符合项目的页面。 关与交互 众所周知游戏的更新迭代速度非常快，每一个设计需求从策划到设计再到最后上线都不会相隔太久，在没有专业交互的情况下我们往往拿到PM给我们的交互稿都不够精细，这就需要我们深入了解需求，明白页面传达的内容，如果连设计者本身都不知道页面是在传达什么那么做出来那只不过是一张好看的图片而已，没有任何的意义。还是那句老话，不懂就要问；和你的PM详细沟通，了解页面的所有功能，这样能够让你更好的为项目考虑做出完美的作品。 案例-这是之前拿到的一份交互稿，是《苍穹变》游戏的一个家族战的报名页面；我们会从两方面来分析它；先从视觉方面看，因为是家族争霸赛自然要体现对抗、战场的感觉；从交互方面说，与PM沟通后了解到有两个重要的按钮（报名和大赛官网按钮）在上方，中间部分则是一个轮播广告图，再往下就是一些活动的详细介绍。那么问题出现了，如何将头部视觉与轮播广告很好的结合而又不影响用户的交互操作，通过尝试最终还是解决了这之间的问题。 这里将最重要的按钮放在页面中部，可以让用户进入的第一时间看到；至于轮播广告图则下移一点与卷轴巧妙的结合，既保证了头部是觉得完整性又满足了轮播的功能存在，做到整体的融合。 积累成长 视觉的美感仅仅只是我们设计中的一部分而已，交互的层级关系以及良好的引导才是直接关系页面转化率的关键。互联网瞬息万变，一波接一波的变化层出不穷，也考验着我们每一位年轻的设计师们，养成良好的习惯，每天的沉淀、学习，反复思考让自己一直存在饥饿感，我相信未来我们一定会做的更好！祝愿每个设计道路上的小伙伴们，愿你们越走越好~

几乎所有设计师都认为简约设计是重要的，但究竟什么是简约设计呢？很多时候我们认为简约设计就是减少设计的内容，依靠删除就可以把原先的设计变得简约。我们认为简约设计可以帮助人们更好的聚焦，比如用符号代替段落、将一段文字分开等等。 简约设计绝对不是减少，而是“恰到好处”。呦，我这里可能讲的太简单了…在某些情况下设计师为了设计得“恰到好处”，可能需要用更多的东西去实现简约设计。而不是隐藏或删除元素，下面这些建议可以帮助我们更好的理解简约设计： 唯一设计理念（不是有几个或一个局部的理念） 简单明确（不要试图增加不恰当的细节） 保持一致性（避免使用一些没必要的界面和信息） 唯一设计理念 对于一个产品来说，你首先需要培养用户的兴趣吸引他的注意力，而最好的方法就是为用户展现你的核心理念。这样最大的好处是能让用户更快的做出选择-“我是否感兴趣？”，如果刚兴趣的话可以使用户更轻松的知道下一步的结果和引导他们，从整体界面到每一个细节都需要体现出你的核心理念，这是非常重要的。 “没有比send message这个词能更好的形容发短信了”       –Traynor @destraynor 比如在短信的时候，无论是显示马上提交又或者只是发送都没有“send message”这个词更清晰明确了。因为前两个词都会使用户本难的考虑同意或不同意。这些复杂的特征会使得使用的复杂程度呈指数增长。我们应该只保留基本的目标，用核心的理念引导人们建立一个合适的期望值。 最多只能有两种选择，是或否。 使用简洁明确的语言描述问题 与结果紧密联系 简单明确 当人们产生兴趣的时候，吸引他们投入时间和专注去使用是非常重要的，即使他们产生了兴趣但可能还会遇到一些问题。如果用户被这些问题难倒就会降低使用频率。所以我们应当让用户在不会遇到困难的情况下迅速的实现他们的需求。 写的太少无法表达全部意思，写的太多又容易被忽略。      – Ryan Singer @rjs 在有些时候，一些好的细节会使得用户体验得意升华，但是多余的细节是不需要的。我们可以移除那些不太适合的细节，这样可以帮助用户在不分心的情况下使用下去。 记住，如果一个用户花费了时间和精力却无法实现需求这是失败的。 明确的开始与结束 渐进式的引导 简明的路径，使用户明确知道如何开始下一步 保持一致性 一个新用户与一个老用户是不一样的，如果你想要留住客户，你需要让他们感觉到可以轻松的控制每一个部分而且不需要担心版本更新后就不会使用了。在设计上可以用一些细节来让用户觉得使用是一种享受。 无论是旗子是否在飘动，空荡的火车站台和拥挤的火车站台，又或者是地上脚印，我们都在寻找这个世界为我们提供的有明确意义的引导。-Don Norman @jnd1er 向人们展示友好的使用和外观会让他们更新自信和喜悦。不友好的界面就像是把一个人丢在异国他乡而且没有导游、地图。 保持用户习惯 一致的样式，一致的样式比如图标有利于用户更快做出反应。 偶尔打破一下常规，有时候可以来个小惊喜，展示你独一无二的一面。 结论 主流的观点认为简约设计就是减少和移除，但是关于简约本身的定义是正确的吗？我们应当通过简约设计来让人们轻松友好的使用。为了达到简约设计的目的，我们坚持唯一设计理念、简单明确的描述和保持一致性来使用户更轻松的使用。这样可以使复杂变成简单，控制合适的时间加上合适的细节可以让用户使用起来更加愉悦。 原文：http://52weeksofux.com/post/21026021557/what-does-it-mean-to-be-simple

本文编译自Medium，作者是一位UX（User Experience, 用户体验)设计师，他通过自己学习UI设计的过程，总结出7条实用的法则，为UI设计新手提供了宝贵的经验。文章分为2个部分，这里是第1部分。 序言 首先，明确一点，这篇文章并不是为所有人准备的，而是有特定的目标读者： 想要在开发产品时设计出好看UI的开发者。 想要让自己作品集更出彩的UX设计师，或者是想要做出更精美的UI和UX的设计师。 如果你是学艺术的学生或者已经是 UI 设计师了，你可能觉得这篇文章很无聊，而且观点都是错的。没关系，你的批评没错，把这个网页关了，去忙别的事吧。 那么从这篇文章中到底能学到什么呢？我曾是一名不懂 UI 的 UX 设计师。我非常热爱 UX 设计，但是后来我发现，做出精美的界面是多么的必要: 我以前的作品集看起来一团糟，显得我的作品和思考过程很差劲。 我做UX咨询的客户更喜欢有能力呈现作品的人，而不是只会画一堆方块和箭头的人。 我能为一些早期的创业公司工作吗？还是一边儿呆着吧。 我当然也有借口： 我没有美术基础，我主修工程专业，所以我做出难看的东西也无可厚非。 最终，我还是学了 app 设计，不断地分析案例，厚着脸皮临摹成功的作品。假设我在 1 个 UI 项目上花 10 个小时的时间，其中只有 1 个小时是有效的，其它 9 个小时都是在失败中不断地学习，玩命的在 Google、Pinterest 或者 Dribble 上找值得借鉴的东西。 下面这些“法则”都是我从失败中总结出来的。所以，我需要提醒新人：我现在擅长UI，主要得益于我经常分析，并不是突然开悟，理解了什么是美，什么是平衡。 这篇文章不讲理论，只谈应用。我不会讲什么黄金分割、色彩理论，只有实站中总结出的经验和教训。就好像，柔道源于日本几个世纪以来的尚武精神和哲学理念。上柔道课时，不仅能学到打斗，还会学到很多关于能量、气息与和谐之类的东西。而以色列格斗术（Krav Maga）则完全不同。这种格斗术是纳粹压迫下犹太人发明的。其中根本没有“艺术”，在以色列格斗术的课堂上，你学到就是怎样用一根笔或者本书袭击别人的眼睛。 这篇文章就是产品设计领域的以色列格斗术。 以下是我要讲的法则： 光线来自天空 黑白优先 增加空白空间 学会在图片上呈现文字（第２部分） 做好强调和淡化（第２部分） 只用合适的字体（第２部分） 善于借鉴优秀的作品（第２部分） 我们来一起看看这些法则。 法则1：光线来自天空 阴影能够告诉人脑我们到底在看什么样的UI元素。 这可能是学习 UI 设计时，最容易忽略却又极为重要的一点了: 光线来自天空。光线总是从天空（上方）来的，从下面照上来的光看起来会非常诡异。 当光线从天上照下来的时候，物品的上端会偏亮，而下方会出现阴影。上半部分颜色浅一些，而下半部分深一些。 从下面打一束光到人脸上是不是看起来很渗人？UI 设计也是同理。我们的屏幕是平的，但是我们可以通过一些艺术手法让它看起来是 3D 的，在每个元素的下方加一些阴影。 就拿这个按钮举例，这是一个相对“扁平化”(flat) 的按钮，但依然可以看出一些光线变化的细节: 没有按下去的按钮底部边缘更暗，因为没有光线照到那里。 没有按下去的按钮上半部分比下半部分稍微亮一些。这是在模仿一个略有弧度的表面（见侧视图）。 没有按下去的按钮下方有一些细微的阴影，在放大图中看得更清楚。 按下去的按钮整体颜色都更暗了，但下半部分的颜色依然比上面深。这是因为按钮在屏幕的平面上，光线不容易照到。也有人说，在现实中，按下去的按钮颜色更深，因为手遮挡住了光线。 这么一个简单的按钮就有 4 种不同的光线变化。实际上，我们可以把这种原则运用到各处。 iOS 6 有点过时了，但还是学习光线不错的案例。这张图是 iOS 6“勿扰模式”和“通知”的设置，看看上面有多少种不同的光线变化。 控制面板的上边缘有一小块阴影。 “开启”滑动槽上部也有阴影。 “开启”滑动槽的下半部分，反射了一些光线。 按钮是突出的，上边缘较亮，因为是与光源垂直的，接收了大量光线，折射到你的眼睛中。 因为光线角度的问题，分割线处出现了阴影。 通常会内嵌的元素： 文字输入框 按下的按钮 滑动槽 单选框（未选择的） 复选框 通常会外凸的元素 未按下的按钮 滑动按钮 下拉控件 卡片 选择后的单选按钮 弹出消息 等等，现在不是追求扁平化的设计吗？ iOS 7 引发了科技界对于“扁平化设计”(flat design) 的追求。也就是说图标是平的，不再模仿实物而外凸或内凹，只有线条和单一颜色的形状。 我很喜欢这种干净、简洁的风格，但是我认为这种趋势不会长久。通过细微的变化模拟出 3D 的效果非常自然，不会被完全取代的。 在不久的将来，我们很可能会看到半扁平的 UI（这也是我推荐你使用的设计风格）我把它称为“flatty design”，依然非常干净简洁，但是也有一些阴影，有轻点、滑动、按下操作的提示。 现在，Google 也在各个产品上推行他们的Material Design，提供一种统一的视觉设计语言。Material Design 的设计指导为我们展示了它如何运用阴影表现不同的层次。 这也是我所认同的类型。用现实世界的元素来传递信息，关键在于:细微。你不能说它没有模仿现实世界，但也绝不是 2006 年的网页风格，没有纹理，没有梯度，更没有光泽。 我认为“flatty”是未来的方向。扁平化？早晚会过时的。 法则2：黑白优先 在上色前用灰度模式设计可以简化大量的工作，让你更加关注空间和元素布局。 UX 设计师现在都喜欢“移动优先”的概念，这就意味着你要先考虑好在手机上如何显示页面，然后才考虑在超清的 Retina 屏幕上的显示效果。 这种限制非常好，能够帮你理清思路。先解决一些棘手的问题（在小屏幕上显示）。然后再解决简单的问题（在大屏幕上的可用性）。 我希望你先用黑色和白色设计，先把复杂的问题解决了。在不借助颜色帮助的情况下把 app 做得美观易用。最后再有目的地上色。 这种方法能保持 app“干净”、“简洁”。加入过多的颜色很容易毁掉简洁性。“黑白优先”会促使你关注空间、尺寸和布局这些更重要的问题。先来看一些经典的用灰度模式设计的页面。 “黑白优先”法则并不适用于所有情况，比如运动、卡通等有着鲜明特色的设计就需要好好地运用各种颜色。不过，大部分app并没有这样鲜明的特点，只要保持干净和整洁就好，绚丽的颜色被公认是很难设计的，所以，还是先用黑色和白色来吧。   第二步:如何上色 上色最简单的方法就是只加一种颜色。 在灰色的基础上只加一种颜色可以简单快速的吸引眼球和注意力。 你也可以更进一步，在灰色的基础上加两种颜色，或者添加统一色调的多种颜色。 实践中的颜色法则——什么是色调？ 网页主要用的是十六进制 RGB 表。但 RGB 不是个好的颜色设计框架，HSB 模式会更好用，其中 H(hues) 表示色相，S(saturation) 表示饱和度，B（brightness）表示亮度。 HSB 模式是比 RGB 模式更适合我们看待颜色的方式。如果你对这方面不太了解，以下是一些 HSB 模式简单的入门知识。 通过调整单一色相的饱和度和亮度，你可以生成各种不同的颜色——深色、浅色、背景色、强调的地方、吸引眼球的地方等，但是又不会很扎眼。 使用一种或两种基础色调的多种颜色是强调和淡化某些元素，而又不把设计搞得一团糟的最可靠的方法。 关于颜色的其它几点建议 颜色是视觉设计中最复杂的。我从复杂的理论和长期的实践中挑出了一些好的建议送给你: 小工具箱： 不要用纯黑色：在现实世界中几乎见不到绝对的黑色。调整不同的饱和度可以增加设计的丰富程度，也更接近现实世界。 Adobe Color CC：寻找、调整、创造颜色组合的绝佳工具。 在Dribbble通过颜色搜索：寻找某种颜色如何搭配的好方法，非常实用，如果你已经决定了要用那种颜色，可以通过颜色搜索看看世界顶级的设计师是如何配色的。 可尝试使用《免费好用的调色剂 PSD源文件格式》上颜色 法则3：增加空白空间 为了让UI看起来更加有设计感，留出一些空白的空间。 在第 2 条法则中，我说到了黑白优先的原则，让设计师在考虑颜色之前先想想空间和布局，那么现在我们就来说说如何安排空间和布局。 HTML 的默认版式是这样的： 所有东西都堆在屏幕上，字号、行距都很小，段与段之间有一些间隔，但是也不是很大。这么布局实在是太难看了。如果你想设计出精美的UI，那就需要留出更多空白的空间。 留白空间、HTML 和 CSS 如果你和我以前一样，习惯用 CSS 来调整布局，那你最好改掉这个坏习惯，因为 CSS 默认是没有留出空间的。试着把空白当作默认状态，在空白页面添加各种元素。从没有修饰过的 HTML 开始，先做好内容，然后再做排版。 下图是 Piotr Kwiatkowski 设计的一个音乐播放器。 请注意左侧的菜单栏。字号是 12px，行间距有文字的两倍高。再看看列表的名称，“PLAYLISTS”和下划线之间有 15px 的空白，播放列表名称之间还有 25px 的间距。 在顶部导航栏也有很大的空间，搜索图标和“Search all music”占到了导航栏高度的 20%。 留白的空间收到了良好的效果，不同的元素有机的组合在一起，使得这个页面成为最好的音乐播放器 UI 之一。 大量的空白可以把混乱的界面做得简洁美观，比如这个论坛： 或者维基百科： 很多人认为在维基百科的这个新页面上，很多功能找不到了，但是你不能否认这是学习页面设计的一个好案例。 在行之间留出空间。 在各个元素之间留出空间。 在各组元素之间留出空间。 分析一下哪些是可行的。 好了，以上就是第 1 部分的内容，感谢阅读！ 在第 2 部分中，我会讲到剩下的 4 条法则： 4. 学会在图片上呈现文字 5. 做好强调和淡化 6. 只用合适的字体 7. 善于借鉴优秀的作品

除了提升设计能力外，想做为一个优秀的设计师还有些方面需要了解甚至是学习才能设计好网页。不得不说一个网页设计师就是个杂学家。平面设计师可以随心所欲的使用各种特殊的字体、使用不规则的排版、等等，而由于网页的某些局限性使得网页设计师需要在些特殊的限定下完成设计。除了要懂得设计外，还需要了解甚至是学习些与设计无关的知识才能做好设计。 　　我在写本文之前虽然已整理过了，但发觉要想把网页设计非专业之外的能力都列举出来，真是：老太太看地图–这才到哪里。涉及的面太广。另外，加上本人能力也有限，在不断的撰写中发觉自己对网页设计师需掌握的能力也是很不够的。先列出自己人为比较重要的6条共勉之吧。 　　题外话，如果你对我所介绍的这些书之外的书感兴趣，亦可在豆瓣上查看我阅读的书籍。 　　1、coding能力 　　由于网页代码的限制，网页设计师在做设计前需清楚什么可以做到，什么做不到。而不能像平面设计师那样可以随心所欲的排版设计。不仅如此，设计的时候也需要考虑到如何对SEO有利，也就意味着许多文字不能够用特异的字体做成图片来展示了。 　　coding能力包括许多方面：HTML代码、css+div、js、action script等方面。下面就我的一点个人经验列举的几种代码： 　　HTML：这个不必多说了吧，连这个都不知道怎么能号称懂得网页了呢?具体的可在谷歌上搜下教程。 　　css+div：开始学的时候分别看了几本书，比较下来《CSS网站布局实录：基于Web标准的网站设计指南》这本书写得比较实在。其他的如：《CSS禅意花园》不看也罢。 　　actionscript:不得不说，经过这么多年的发展flash是网页里很重要的一部分了。AS2的诸如：gotoAndStop(),gotoAndStop(),getURL()等几个基础的函数还是需要掌握的，如对AS3有兴趣可参看黑羽的《Flash ActionScript 3殿堂之路》(有点复杂的哦，对没有编程经验的设计师可是不小的挑战哦)。 　　javascript：没办法，如果经常为了加点小JavaScript程序去麻烦程序员确实烦。不说要会写，至少能够看懂代码并可修改现有的代码吧。 　　php,asp,.net：这个也是，如果你自认是个能够吸引你公司美女程序员的帅哥那你就去小修改也找人家吧。或认为自己是个能够吸引你公司帅哥程序员的美女。如果对方不肯帮忙，那就尽量自力更生吧。 　　2、提升用户体验的能力 　　虽然用户体验早在2000年在国外就已经有人开始关注，但在国内是最近几年才热起来的。毕竟建设网站的目的不是给用户欣赏界面，而是要用户使用网站在。网站界面设计得好看，但用户使用起来很不顺畅。那么，也是无法留住用户的。 　　关于用户体验方面的书有很多，这里不一一列举了。有兴趣的同学可以看我之前的文章《读过的交互书籍整理》里面详细的列举了读过的一些关于用户体验与交互设计方面的书。另外，《交互设计师如何提高自己的能力》这篇文章也应对用户体验感兴趣的同学有所帮助。 　　3、陈述表达设计能力 　　不可否认，设计师是靠自己设计出来的作品来打动客户。但这仍旧需要设计师有足够在陈述表达能力来阐述他所做的作品。他不仅要向客户展示设计，也需要用言语来说服客户接受设计。来回答诸如：“为什么需要用红色而不是黑色?”、“为什么要竖着排版，而不用竞争对手横着的排版”诸如此类的客户提问。如何能够顺利的说服客户也是门技术，在我的《译文：如何说服你的用户、老板或客户》里有提到。 　　4、与客户沟通交流能力 　　在经过阐述设计作品后，接下来就是需要与客户沟通交流。通过充分的交流才能深挖掘到客户一些原本未知的想法。为什么大家都说做设计这么累?虽然做出来的最终稿子就仅仅这一个，但反复的沟通与修改占了设计师的大部分时间与精力。甚至有的被折磨惨了。 　　我相信，只有充分的与客户沟通才能确保修改的设计稿更能复合客户的想法。这样后客户才敢放手让你做，也向客户证明了你的信心，也意味着修改量不会增加那么多。 　　而一味的做应声虫只会让客户觉得自己是个设计专家，你是完成他设计的一个工具而已。要记住：在设计上你是专家，不要一味的答应不是设计专家的客户的在设计上面的过多要求。否则，不但被客户牵着鼻子走，并且如果做错了，还可以猪八戒抗耙子–倒打一耙，说是设计师做的。想来这也是许多的设计师比较苦恼的地方，这里不展开说了，如有兴趣请参看之前的文章：《设计师能力：充分的准备–让你的设计更易被通过》。 　　5、不断自我学习的能力 　　如果你对设计行业有足够的关心，会发觉每年所流行的设计风格都有所不同：在04年的时候韩国风流行，大大的纯色块，细腻的渐变色到处可见。05年起，web2.0风格开始渐行，字体大小等一系列风格又开始流行。也就需要设计师时时关心设计流行风向，不是跟风设计而是从设计趋势中吸取有用的成份，提高自己的设计能力。 　　而另一方面，正如大家所见到的：互联网技术一直在处于不断的高速发展中。几年前热门的技术如果不及时补充学习新出来的技术，那么再过几年能力很可能就过时落伍了。因此，网页设计不仅要对现有技术有所了解，也要保持充分学习的心态去充电。这也是就是之前文章里说到的：《抄袭–网页设计师必备的本领之一》的缘由，通过时时刻刻的抄袭可以与设计流行风潮“与时俱进”，当然做人要厚道记得设计师的“八荣八耻”别抓几个屏拼凑下就跑外面去炫耀。可以说，地球很大，但网络不大。抄袭的作品难保一朝被人看破。 　　6、交际能力 　　俗话说：三个好汉一个帮。 　　如果设计师不仅做视觉设计，同时又要兼着做客户网站的程序更新(虽然现在有许多免费开源的CMS系统可以使用，但难保客户提出一个需要改动代码的需求来)。而这时，有个能够帮改动代码的程序员朋友就显得很重要了。可能设计师需要改2-3个小时的代码，人家十来分钟就搞定了。因此，有个好的合作伙伴是很重要的。 做好网页设计师需掌握的6种能力

估计很多做网页的同学还不了解网页的历史，它是什么时候出现的？而那时的网页又是怎样子的呢？ 如果想了解下网页设计的简史，请往看吧，我建议每位网页设计师都应该看看哦！ 文章目录： 1989年：黑暗时代的网页设计 1995年：开始表格式网页设计 1995年：JavaScript 扩展表现范围 1996年：自由的黄金时代 – Flash 1998年：CSS 层叠样式表 2007年：混乱的移动 – 网格和框架 2010年：响应式网页设计 2010年：扁平化的时代 2014年：网页设计的未来是光明的 1989年：黑暗时代的网页设计 当时的网页设计让你不“极简风”也很难，屏幕背景是黑色的，没有图像，只有单色像素风格的纯文字，而那里的设计是通过符号+制表（Tab键）来制作。 1995年：开始表格式网页设计 浏览器的出现使网页设计迈向一大步，它可以让网页显示图像。当构建信息时，通过HTML表格来排版布局，尽管我们知道表格主要目的是构建数字，但它仍然被流行使用了很长一段时间。当设计师制作花哨的布局时，为解决这问题，最佳方法就是切片 + 表格来完成。 当时表格也有它的好处，比如垂直对齐、可设置像素单位及百分比的功能来制作网格布局。 1995年：JavaScript 扩展表现范围 JavaScript 可以解决HTML一些局限性，比如，需要一个弹提示，这时就需要JS来实现了。那时背景图像、GIF动画、闪字、计数器等工具迅速成为网页必须的噱头。 1996年：自由的黄金时代 – Flash FLASH，一个突破性的技术出现，打破现有网页设计上的局限，设计师在设计形状、布局、互动以及一些很棒很弦的动画都可以在这一个工具上执行，完成后只是一个单独的文件输出，并能显示在浏览器中。用户浏览它时需要安装插件并等待FLASH加载完成后方可浏览。 FLASH的功能确实很棒，可惜，它对搜索引擎不太好了，并且消耗了大量的处理器功能。2007年苹果在第一个iPhone时就决定放弃使用他们，而接着Flash开始没落（至少在网页设计方面）。 1998年：CSS 层叠样式表 大约和Flash同一时间，一种更好的设计结构技术诞生：  层叠样式表 CSS (Cascading Style Sheets)。这里的基本概念是将网站内容和表现分开，所以它的外表和格式都在CSS中定义。 CSS的第一个版本很不灵活，但最大的问题是浏览器的兼容性，不同浏览器对CSS的支持不一样，这个花了好几年的时候才得到改进。需要明确的是CSS不是一个程序言语(coding language)，这相当一个声明性的语言。 2007年：混乱的移动 – 网格和框架 手机网页本身就是一个挑战，除了各种不同设备对应不同尺寸的布局，它的内容应该和小屏幕上的相同或是单独剥离出来？是否添加广告到小屏幕上？访问速度也是问题，因为内容太大，访客浏览网页慢、流量增加，从而成本也增加。 第一步改进是使用栅格的概念，各种栅格系统的诞生，最终960栅格系统胜出，而这12列栅格被设计师经常使用。 接下来步骤就是标准化形状、导航、按钮等常用元素，将其规范起来，以实现更简单且可重复使用。基本上，就是制作一个包含其代码的视觉库。在这里，Bootstrap 和 Foundation 胜出，它被用在许多网站和APP应用上。缺点就是使用这个框架的外观往往看起来像一样的，而设计师不知道的代码是如何工作的。 2010年：响应式网页设计（Responsive Web Design） 2010年 ETHAN MARCOTTE 提出响应式网页设计以实现不同的布局，这也是响应式网页设计的起源。技术上， 我们依然是用HTML和CSS来编写。这意味着响应式设计可以在大量的布局中使用，主要优点就是相同的Web站点可以工作在桌面电脑、移动手机端，而不需要再独立一个手机端出来。 2010年：扁平化的时代 设计一些布局需要大量的时间，幸运的是我们决定抛弃界面上那些花哨的装饰元素（如3D、阴影效果、纹理材质），并回归到根的设计，优先专注内容。精美的摄影图像、插图、排版、易于使用的布局是我们现在应该考虑的。简化可视元素仅仅是扁平化设计过程的一部分，重要的是该以内容为中心。把光泽的按钮换成图标，并使用SVG或图标字体。 2014年：网页设计的未来是光明的 到现在为止，网页设计的目的是呈现视觉信息，这是在浏览器中展示。设计师搬东西在屏幕上时，请试着想像一下，它能否用简约代码编写，我意思不是改变事物的秩序，但要有充分的灵活性和控制性！请尽量想象，这样开发者不必担心浏览器的兼容性，可以专注解决实际问题。 目前还有些新的技术，如CSS3出现新的VH, VW单位（视窗高度和宽度）可以更灵活的定位元素。它还解决了一直困扰许多设计师问题：为什么CSS垂直居中这么难。Flexbox是另一个新概念技术，也许未来你会使用它来布局页面。 关于Web的未来，你有什么看法？

本文编译自Medium，作者是一位UX（User Experience, 用户体验)设计师，他通过自己学习UI设计的过程，总结出7条实用的法则，为UI设计新手提供了宝贵的经验。文章分为2个部分，这里是第2部分。第1部分请移步：7条实用法则让你制作好看的UI界面（一） 以下是 UI 设计入门你需要掌握的 7 条法则： 光线来自天空（第1部分） 黑白优先（第1部分） 增加空白空间（第1部分） 学会在图片上呈现文字 做好强调和弱化 只用合适的字体 像艺术家一样偷师 法则4：学会在图片上呈现文字 在图片上优雅地呈现文字并不容易，这里给出6种方法。 如果你想要成为好的 UI 设计师，你必须学会在图片上美观地呈现文字。优秀的设计师在这方面做得都不错，而水平较低的设计师往往在这方面也比较差，甚至完全不会。在学习了这部分以后，相信你会有很大的提升。 方法0：直接在图片上放文字 我很犹豫要不要讲这种方法，因为应用起来十分困难。不过直接在图片上放文字从技术上来说也是可行的，下面这个网站的首页就很不错，所以说说也无妨。 直接在图片上放文字时，有几点需要非常注意： 图片应该比较暗，而且颜色不能有太大的反差。 文字必须是白色的，我知道你也能找到用其它颜色的案例。但是我觉得，你最好还是用白色。 在不同屏幕，不同尺寸的窗口调试页面，确保各种情况下文字都是清晰、易于辨识的。 上面这 3 个方面调整好就 OK 了，不要再做其它处理。 我自己从来没有在任何专业的项目上直接把文字放在图片上，这种方法是可行的，也能做出酷炫的效果，但还是小心点。 方法1：暗化整张图片 可能在图片上放文字最简单的方法就是暗化整张图片，如果原图颜色不够深，你可以用半透明的黑色在上面覆盖一层，比如下面这个案例就加了一层不透明度 35% 的黑色。 如果你直接放原图，底色太亮，和文字的反差不够明显，看不清文字。 类似的方法同样适用于小图。 加一层黑色是最简单、普适性最强的。当然你也可以用其它合适的颜色，比如这样： 方法2：给文字加个框 这是一种简单有效的方法。在白色文字下方加上一个略透明的黑色方块，就可以放在各种各样的图片上了，而且显示效果非常清晰。 当然，你也可以放别的颜色，只是需要小心谨慎。 方法3：虚化图片 虚化图片是增加文字易读性的好方法，把文字下方的图片虚化了，同时把虚化部分亮度调低。 iOS 7 用毛玻璃的效果虚化了背景，而 Windows Vista 也使用了这种虚化效果。 虚化图片的方法也有局限性，你需要确保在不同屏幕上图片尺寸调整后，文字依然是在虚化的区域上的。 看看下面这个例子，你能看清小标题吗？真不知道这样的设计是怎么通过审核上线的。 方法4：底部褪色 所谓底部褪色是将图片的下边缘变暗一些，然后在放上白色的文字。这是一种非常有独创性的方法，我不知道在 Medium 之前有没有人用过，但我是先在 Medium 上看到的。 乍一看，你可能觉得这就是把文字放在了图片上。其实不然，图片上有一些非常细微的变化，中间完全没有黑色覆盖，而底部有不透明度大约 20% 的黑色覆盖在上面。 这样的变化很难看出来，但确实存在，而且确实提高了文字的可辨认性。 此外，Medium 还给文集图片上的文字加了些许阴影，进一步提高了文字的易读性。最终的效果就是 Medium 可以把任何文字放在任何图片上，阅读体验非常好。 有人可能会问了，为什么是把图片的底部变暗呢？为什么不能是图片的其它区域？要回答这个问题，请看法则1：光线来自天空。光线从上面照下来，图片的上方亮一些，而底部较暗，看起来更自然。 此外，你还可以把虚化和底部褪色结合起来，做出底部虚化的效果，比如下面这张图的效果： 方法5：把图片部分区域的光线变得更柔和 Elastica的博客的题图并不是太暗，而且对比都较强。为什么文字的辨识度还这么高呢，就像下面两张图显示的这样： 这里实际上是把图片局部区域的光线变得更柔和，突出了文字。如果我们在浏览器上缩小 Elastica 博客，会看出到底发生了什么。 在图片左下角有一块阴影区域，文字置于其上，就很容易辨认了。 这可能是在图片优雅呈现文字最细微的一种方法。我还没在别处见过，保存下来，说不定将来什么时候就用到了。 法则5：做好强调与弱化 把文字设计得又美观又得体通常就是通过放大或缩小文字，做出反差的效果。 我认为，UI 设计最困难的地方就在于文字的装饰，因为设计文字时需要考虑的因素太多了： 字号 颜色 字体粗细 大小写 斜体 字母间距 页边空白（准确的说不是文字的一部分，但是容易影响阅读时的注意力，所以也算在这个列表里了） 还有其它一些方法调整文字吸引读者的注意力，但是不常用，也不推荐你使用。 下划线。下划线现在基本上等同于超链接了，我觉得你还是不要挑战人们的常识比较好。 文字背景色。这个有时候也被当作超链接，只不过不是那么常见。 删除线。一边待着去吧，你这个怪人。 就我个人经验来说，当我觉得一段文字设计的不好时，通常不是因为用了大写字母，或者颜色太重，而是因为各种要素的搭配出了问题。 强调和弱化 你可以把所有的文字样式分成两类： 增强可读性的样式：大字号、粗体、大写等； 减弱可读性的样式：小字号、与背景对比不明显、空白较少等。 上图“Material Design”这个标题就很突出：字号大、反衬明显、字体较粗 上图页脚的字就是弱化处理的，字号小、反衬不明显、字体较细 我认为文字设计的核心在于： 标题是唯一需要全部强调的元素，其它的部分则应该将强调与弱化结合使用。 如果网页上某个元素需要强调，把强调和弱化结合在一起，可以避免整个页面看起来太有压迫感，同时又让各个元素的呈现效果恰到好处。 下面这张 Blu Homes 的首页堪称是这方面的典范：上方文字较大，突出显示，但是用了小写字母。没有给人强烈的压迫感。 网页上的数字字号较大，是网页上的重要信息。但是请注意，数字的字体很细，与背景色对比也不明显；而数字下方的单位虽然写得很小，却全部加粗，用大写字母。 这就是设计中的平衡。 上面这张图是 Contents Magazine 的网站，也是学习强调和弱化的一个好案例。 文章标题是唯一没有用斜体的部分，而且还做了加粗处理，更容易吸引读者的关注。 作者姓名写在文章标题下方，字体加粗，与没有加粗的”by“区分开来。 “ALREADY OUT”独立出来，字号很小，与背景区分不明显，但是用了大写字母，字间距很大，文字外围空白较多，当你想要找它的时候一眼就能看见。 鼠标悬停或选中时的样式 设计鼠标悬停或选中时的样式也是同样的道理，只不过更难一些。 通常情况下，改变字体大小、大小写、粗细时会改变文字所占空间的大小，让人们理解鼠标正悬停在这里。 此外，下面这些要素也能够影响人们的感受： 文字颜色 背景色 阴影 下划线 细小的动画——上升、下降等 这里再推荐一个比较普适的方法：给白色的元素上色；或者当背景颜色较深时，把有颜色的内容变成白色。 装饰文字是非常难的，但是每当我感到“这些文字不可能再变好看时”，我的判断都是错的。我需要做的就是不断优化，不断尝试。 所以想开点吧，如果你设计出来的文字不好看，不要担心，你需要不断地提升自己的能力，让自己变得更好。 法则6：只用合适的字体 有些字体很不错，就用它们吧。 注意:这一部分没有太多知识要学，我只是给你推荐一些好用的免费字体给你。 有的网站很有个性，会用到比较特别的字体。但是，大多数产品的 UI 设计只要保持干净、简洁就可以了。所以，把那些太花哨的字体放到一边吧。 我在这里推荐一些免费的字体。因为这篇文章是为初学 UI 设计的人所写，这些免费的字体完全够用了。 我希望你把这些字体下载下来，在你开始项目设计之前，浏览一下它们。 以下是我推荐的字体： Ubuntu（上图）——字体偏粗，对于有些 app 来说太张扬了，但是对于大多数 app 来说还是不错的。在Google Fonts上可以找到。 Open Sans——非常易于辩读，是一款很流行的字体，用在正文非常合适，在Google Fonts上也能找到。 Bebas Neue——适合作标题，都是大写字母，在Fontfabric上能找到，这个网站上还有一些 Bebas Neue 的应用实例。 Montserrat——只有两种粗细，但也足够了。是 Gotham 和 Proximate Nova 最好的免费替代品，但不如那两种好。在Google Fonts上能找到。 Raleway——适合作标题，但不适合用于正文。有一个极细的版本（上图没有展现），在Google Fonts可以找到。 Cabin——在Google Fonts可以找到。 Lato——在Google Fonts可以找到。 PT Sans——在Google Fonts可以找到。 Entypo Social——一个社交网络图标集，在Entypo.com上能找到。 这里还有其它一些资源： Beautiful Google web fonts——有Google Fonts的运用实例，我经常在这里找灵感。 FontSquiirrel——收集了不少可以免费商用的好字体。 Typekit——如果你用Adobe Creative Cloud（也就是用Photoshop或Illustrator等），你就可以从Typekit中获得包括Proximate Nova在内的大量字体。 法则7：像艺术家一样偷师 我第一次坐下来试着设计按钮、图标、弹窗等各个 app 元素时，我感到我对于什么是“好”知之甚少。但是我也很幸运，我并不需要完全设计全新的 UI，因为有很多优秀的作品可以借鉴。 下面列出一些资源，肯定会对你的设计非常有用 (按照重要性从高到低排列) 1. Dribbble 这个专为设计师而做的网站集合了网上最好的 UI 设计作品，在 Dribbble 上你能找到几乎各种类型的案例。 你可以关注一下我的dribbble作品集。下面是其他一些推荐给你关注的人： Victor Erixon——有着非常明显的个人风格，非常厉害。他的作品很漂亮、简洁，扁平设计。他做 UI 设计师已经 3 年了，是这方面数一数二的人才。 Focus Lab——这些人是 Dribbble 中的名人，他们的作品非常多样化，绝对是一流的。 Cosmin Capitanu——他是个通才，做出来的东西很疯狂，有未来感，但又不太花哨。他用色非常棒，但并不只专注做 UX 设计的。 2. Flat UI Pinboard 这里面有一些特别棒的手机 UI 设计，你能找到很多精美的 UI 设计实例。 3. Pttrns 这里面有大量 app 截屏，它的一大好处在于，它是按照 UX 模式分类的，因此，你在搜索你手头正在做的这一类作品时非常方便。 我坚定地认为每个艺术家初期都该像鹦鹉一样，不断的模仿和学习，直到能把顶尖的作品模仿得惟妙惟肖，然后再开始找到自己的风格，引领新的潮流。 所以，像个艺术家一样偷师吧！ 总结 我之所以写这篇文章，是因为我很遗憾自己当初在学 UI 设计时，没有这样的教程。我希望这篇文章能帮到你。如果你是一名 UX 设计师，在画好框架和线框图之后，做出个漂亮的实物模型吧。如果你是一名开发者，把你下一个项目做得更美观一些吧。 UI 设计的学习不可能一蹴而就，而是需要不断地观察、模仿并且和他人交流。以上是到目前为止我所学到的，我也会保持着初学者的心态，继续前进。