最近遇到不少域名或者IP被墙的情况，如果快速查询自己的域名或者IP是否被墙呢?下面给大家分享几个查询识别的办法。一、大家可以通过多地区PING(例如：站长工具、17ce等)在服务器没有禁PING的情况下，如果国内节点检测都是超时状态，海外节点检测正常。那么基本可以确定被墙了。二、通过第三方网站在线检测注意：以下整理的几个在线检测站点，建议多用几个网站查询，查询使用主域名查询(不要带www查询)1)http://www.chaicp.com/home_cha/chaymqiang_z2)http://www.juming.com/gongju/jucha.htm3)https://www.11cm.com/4)https://www.cq5999.com/一旦被屏蔽了基本无解，如果是老域名站点，建议找一些专门做301服务器的，转移下权重，如果是新域名直接放弃，如果是IP被屏蔽直接联系服务商更换。
什么是域名DNS污染?如何查询域名DNS是否被污染DNS污染，又称为域名服务器缓存污染(DNScachepollution)或者域名服务器快照侵害(DNScachepoisoning)DNS污染是指一些刻意制造或无意中制造出来的域名服务器分组，把域名指往不正确的IP地址。一般来说，网站在互联网上一般都有可信赖的域名服务器，但为减免网络上的交通，一般的域名都会把外间的域名服务器数据暂存起来，待下次有其他机器要求解析域名时，可以立即提供服务。一旦有相关网域的局域域名服务器的缓存受到污染，就会把网域内的电脑导引往错误的服务器或服务器的网址。如果你想检测网络时候收到DNS的污染所影响，可以通过以下三个步骤：1、点“开始”-“运行”-输入CMD，再输入ipconfig/all，在下“DNSSERVER”(中文：DNS服务器)里找到你使用的DNS服务器地址。2、再输入你的域名+【空格】+【你的DNS服务器IP】，来查看是否能解析。某些网络运营商为了某些目的，对DNS进行了某些操作，导致使用ISP的正常上网设置无法通过域名取得正确的IP地址。某些国家或地区为出于某些目的防止某网站被访问，而且其又掌握部分国际DNS根目录服务器或镜像，也可以利用此方法进行屏蔽。3、再输入域名使用Google的DNS服务器验证即可这和某些运营商利用DNS劫持域名发些小广告不同，DNS污染则让域名直接无法访问了，非得修改DNS服务器不可。
域名被墙怎么办?我们要首先了解什么是greatfirewall，防火长城(英文名称GreatFirewallofChina，简写为GreatFirewall，缩写GFW)，也称中国防火墙或中国国家防火墙，指中华人民共和国政府在其管辖因特网内部建立的多套网络审查系统的总称,一般情况下主要指中国对因特网内容进行自动审查和过滤监控、由计算机与网络设备等软硬件所构成的系统。由于频繁地被使用，GFW已被用做动词，GFWed是指被防火长城所屏蔽,就是我们平常所说的域名被墙。怎么分析域名是否被墙在没有外部软件支持情况下来说，我们都是通过CMD命令的tracert来判断域名有没有被墙，如果判断过程中出现超时就极有可能被墙。但这样的判断是极其客观的，tracert只能判断有解析的域名，并无法判断一些没有解析或未注册的域名。那这些没有经过解析的域名我们该如何进行判断呢?可以通过百度查找某些工具，通过工具来查询判断域名是否被墙，通过网站就很容易判断出新老域名、有解析没解析有没有被墙了。域名被墙的3种状态A.域名被墙：如果域名ping的通却打不开网站(排除服务器宕机)，用代理可以打开一般说明域名被封了,假如域名下的网站非法信息多，敏感，又不整改，会直接被GFW墙掉，结果就是访问域名是打不开的,但是解析是正常的。此时域名在国内是无法使用的，国外可以访问和使用。B.域名被间歇性屏蔽：如果间歇性的可以打开，打不开的时候用国外代理可以打开，说明域名被间歇性的屏蔽(当然这个情况也可能是国内DNS解析不稳定造成的)假如域名下的网站出现非法信息，会暂时打不开，过会又可以打开，一般就判断为间歇性屏蔽C.IP被封：如果ping不通，使用国外代理可以打开一般可以确定是被封。域名被墙解决方法以下是我的一些经验：(以前域名、服务器都是在境外)1.换新域名(重新来过)2.买个国内免备案服务器放站.3.使用国内节点CDN分发4.搬回国备案。然后走https(大家都知道，目前百度对https收录非常的不友好，虽然说htpps是未来网站的必备，但是三年内还是先走http，除非你只做谷歌优化。而且https会更加消耗服务器资源)
虽然很难准确地确定黑客可能针对哪些网站，但一般来说，他们会经历易受攻击的网站。这些容易受到攻击的网站包括：1、密码弱2、使用过时的第三方应用程序3、有旧的或过时的防病毒软件4、不能主动地识别和限制潜在的威胁对于网站服务器，威胁更加严重，成本也可能更高。黑客对Web服务器造成的最常见的威胁包括：1、拒绝服务(DDoS)2、劫持3、获得未经授权的访4、安装病毒，特洛伊木马和蠕虫5、执行任意代码6、提升特权幸运的是，对于大多数网络主机和网站所有者，防止恶意攻击不需要有网站安全或编程的技能，现在大多的服务器托管公司，都能做这种恶意的攻击防护。事实上，大多数网站可以通过简单的几步来改进，从而提高安全性。以下是阻止将来黑客可能攻击的的九种方式。一.创建安全可靠的密码根据调查，目前我们最喜欢使用的密码，排名第一个和第二个的密码是“123456”和“密码”。第一种看起来很容易记，第二种多了脑筋急转弯的味道。但是，这些对于黑客来说，就和关上了门，却在门上挂上请进的牌子。为了更好的防止黑客入侵，请选择至少八个字符或更长的密码，并且包括大写和小写字母，特殊字符，和数字。另外，尽量避免使用字典词，以及你自己的名字/商家名称，或者容易猜到的东西。复杂和模糊的密码要更加难以入侵。二.定期更新您的软件随着攻击不断的增加，安全防护公司也不断的发布新版本的软件，他们将保持防护最新的安全威胁。当新版本出现时，公司可能会停止支持旧版本，使其容易受到攻击。如果您使用最新的软件版本来保持系统更新，那么您应该有足够的保护来防止常见问题。您可以创建您的设置，以便它们在可用时自动检查更新，或者当它们出现时通过RSSFeed或电子邮件获取警报。三.使用高级加密无论何时通过网络发送信息，都应加密。如果您使用FTP软件，请切换到SFTP，如果您有客户在线购物，请使用安全加密(https而不是http)，并确保您的网络邮件服务具有启用SSL的端口以及SSL加密功能，特别是如果人们输入用户名和密码以访问电子邮件。四.定期备份数据如果您是网站黑客的受害者，数据备份至关重要，您的信息应定期备份。您的网络主机可能会使其可用，但仍然是自己做备份的好主意。只要安全，可以使用外部驱动器，将副本下载到计算机，或使用云服务。在备份数据之前，请务必仔细阅读存储信息的每个选项，以确保您使用安全的方法。五.使用安全的第三方应用程序许多公司今天在其网站或博客上使用WordPress、dedecms或类似的开放源代码程序，并且经常希望添加来自第三方提供商的插件，模块和小部件。这些脚本可能会对您的网站构成潜在风险，特别是如果您不知道编写代码的开发人员的背景。事实上，非安全脚本是大约一半的黑客攻击的原因。如果您没有编写代码，请在使用插件或应用程序之前对其进行一些研究并阅读其他人对插件的评论。六.安全文件和目录，并检查用户权限您可以通过计算机授予帐户访问权限，并且定期审核和审核这些权限非常重要，因此只有合适的人才能访问，只有必要的文件。为更高级别的用户设置更高的权限很重要，但请确保不是每个用户都可以访问最高级别的服务器和文件。另外，使用最高级别的权限来保护您的文件和目录，例如可以审核使用该帐户的NTFS权限，并在发生可疑活动时提醒您。七.小心网络钓鱼，间谍软件和恶意软件攻击许多黑客进入您的系统的地方是通过电子邮件。黑客今天在创建似乎合法的电子邮件时变得非常简单，并诱导人们点击链接，打开附件或下载受到损害的程序。这些网络钓鱼攻击可能会导致您的网站，服务器和任何连接到系统的任何人的计算机造成重大损失。八.保护您的端口端口是可以从您的服务器外部访问数据的地方。他们可以以两种方式发送信息，包括服务器和服务器。在大多数情况下，这是您的网络主机或IT团队可以保护的，但重要的是要知道如果您在传输信息的过程中安全地使用这些端口。确保如果您打开端口进行信息传输，则在完成安全操作后，您可以正确关闭它。九.检查系统最后，定期扫描系统的潜在威胁。通过防病毒软件扫描文件，定期对系统进行维护，并确保您对所有使用的系统进行最新的病毒防护，可以帮助防止黑客攻击。如果检测到威胁，设置防病毒软件可以扫描传入的恶意代码文件，并停用这些代码。虽然几乎不可能保证您永远不会成为黑客的受害者，但攻击的潜在成本和后果应足以让每个虚拟主机公司检查其安全协议，并确保他们拥有适当的保护措施保持自己和他们的客户安全。
PC端网页设计对于很多从事UI行业的新人来说是一个充满未知的领域，对于怎么进行基本的画布创建，规格设置，都处于两眼一抹黑的状态。虽然这是因为多数人没有系统的学习UI知识，它并不是一个合理的现象。首先，网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些历史遗留问题、设计场景差异等因素的影响，我们在搜索「网页设计宽度」这类问题的时候，得到的结果会有非常多的版本，导致更加迷茫。所以，了解网页设计的宽度定义，势必要理解它们的底层原因，因为宽度的设置：只有合适的宽度，没有绝对正确的宽度。对于任何网页设计的项目，宽度设定的标准都是不同的，而在选择宽度的过程里，需要考虑2个核心因素：1.设备因素设备因素即确认项目主要展示的屏幕设备是哪一种，它们对应的分辨率是多少。最粗略的划分，可以将设备划分成PC端和移动端。这两者受制与显示的尺寸，系统的限制，在设计和操作上都有比较大的区别。浏览设备浏览设备即网页用户所使用的屏幕类型，主要考量的标准是屏幕的分辨率(长宽像素数)。常见的PC屏幕分辨率有1280×800、1600×900、1440×800、1366×768、1920×1080、2560×1440等，再加上一些更加不常见的(比如surfacebook的3000×2000)，可以列出数十种，这是大家都已经知道的事情。所以基于这个前提，很多人会去查找关于屏幕使用分辨率的统计表格，比如下图这种，然后得出最常用的分辨率是1080P。有了数据支撑，我们不就可以开始动手设计了?实际上这个做法是错误的。对于网页设计来说，我们首先应该确定的是──最小适配屏幕。因为在一般场景下，显示器分辨率如果大于画布，内容可以被我们正常访问;如果小于画布，内容就会显示不全，相当于低于这个分辨率设备的用户被我们放弃了。所以，做个简单的计算，如果以1920×1080为基础，则支持的用户数为27.38%;如果是800×600，则支持用户数低于3%。这么考虑的话，我们是不是只要支持最小的分辨率即可?当然也不是。在今天，1024以下宽度的设备已经非常稀少，即便是1024本身，主流的设备也是平板而不是一般的PC电脑。当这些设备的数量低到成为绝对的非主流时，是可以选择忽略它们，以满足更多人的需要。所以通常，我们最低支持的分辨率，不是1024×768就是1280×800。如果大家不相信，可以去各类网站中，用QQ截图工具量一下主要内容区域的宽度，很难出现大于这两个数值的情况。2.展示类型展示类型，也只有两点，即宽度适应屏幕，或者是定宽。先说说第一种，可能有不少人已经听过响应式布局和自适应设计的大名，先不论它们有什么区别，它们代表了网页显示内容随浏览器窗口尺寸变化而变化的技术，比如使用Bootstrap架构的星巴克官网，更改浏览器窗口宽度后，可以得到以下不同的结果。如果你现在还需要通过这篇内容学习网页宽度制定的情况下，我是不建议在真实项目中使用这种展示类型的。因为它们都需要对前端架构有一定的熟悉，以及对CSS的属性特性有基本认识，否则就无法在设计过程中直接考虑到其它分辨率下显示的效果，以及制定不同元素的自适应方式。响应式设计的规则非常灵活，会受到更多因素的影响，完整的响应式界面设计会如上图所示，提供多种尺寸的设计图。常见的如1920、1080、640宽。如果是定宽的设计，那么就回到前面所说，我们只需要以适配1280或1024的屏幕展开设计即可。但是，网页的实际内容区域，和我们要适配的范围是不同的。在浏览器中，首先有右侧滚动条的因素影响，并且主体内容的两侧也要预留出内边距。所以，我们真正创建的网页内容区域，是小于1280或者1024的。而得出具体的内容区域尺寸的方法，是通过网页的删格系统计算出来的。网页删格系统是由平面网格系统衍生出来，针对网页使用的排版系统。如果稍微看过这类文章的同学都会看见一个公式：(Axn)-i=W这个做法就是通过将内容区域划分成若干内容块和间隔模块的方式，辅助我们排版。在本篇内容里不做具体介绍，只需要关注结果即可。如果选择适配1280，那么设计内容的区域宽通常为1180、1190。而在适配1024下，那么内容区域宽常见的就有950、970、990等。当我们创建完完整分辨率的画布，再通过参考线的方式将内容区域规划出来即可。对于网页设计来说，最重要的参数就是内容区域的宽度，但也有一些元素是例外，很多人可能发现网页有一些元素是超过正常的内容区域的(无论是对一般显示模式或是自适应模式)，最常见的就是顶部的导航栏和底部的页脚区域。比如打开淘宝无论拉伸得多长，内容区域固定是1190宽，而导航栏却永远撑满整个浏览器。所以，我们不会将这些内容的宽度计算在内，在设计稿中只要设计了这样的元素，和前端人员适当沟通和标注，就可以获得想要的效果。总结其实讲了一堆，最后我们用一个表格来总结一下。
客户反馈说，为什么我的地图不能用鼠标拖动的啊?没想到现在客户要求这么高了，想偷懒一点也不行。经过几番折腾，发现添加百度地图API代码就可以实现。方法1：通过网站后台编辑器自带的百度地图功能自动生成动态地图。(WordPress后台是没有的哦)方法2：通过百度地图生成器在线生成，下面来看看方法二的做法。网站名称：百度地图API地图制作地址：http://api.map.baidu.com/lbsapi/creatmap/
网站运营优化的时候，子目录和子域名肯定是经常接触的。丰富的二级目录可以推进主域名的权重，因此，很多人会在网站大量的开设子目录形式，而不管其内容是否丰富，主题是否相关;而很多人也觉得二级域名会直接继承主域名权重，并且二级域名做好了主域名一定好，因此广泛开辟二级域名。那么，子目录和二级域名，哪个更有利于SEO?正确的做法又是什么样呢?一、子目录的特点【子目录好处】1、子目录的好处在于他能够继承主域的权重。更快捷的操作，只需要进入一个后台。2、将不同内容通过子目录的情况放在同一个网站下，会使网站体量变得越来越大，而内容的质量自己影响了你整体网站的得分，使网站积累更多的投票。3、相较二级域名，可以更好地继承主域名的评价数据4、与站点关系更密切，同时不失灵活，搜索引擎对站点内容的识别早以细化到目录级别【子目录的缺点】缺点即是在收录方面有压力，搜索展现的次数低。子目录不好获得好的友情链接。二、二级域名的特点【子域名好处】1、搜索引擎往往将二级域名当作一个独立的网站看待，同时会视情况将主域名的评价传递一部分给二级域名。使用二级域名会使同domain下站点变多，但是每个站点的体量变小。2、做过网站的人都很清楚，如果域名包含关键词对自身网站的优化有很大的帮助。当收录上来了，你想提高你的瓶颈就需要搜索引擎要求的权重，当然这是对小站长比较困难的，如果我们使用子域名，你的收录便会提升到一倍。2.二级域名对用户来说也是一个完整的域名，显得更有权威性，他相对比目录要的权重要高出很多倍，你悉心优化后权重比子目录更容易获得排名。可以分多跟多的分类页面，也可以单独转移服务器，目录不能够实现。3.二级域名网页之间相关性更强，对于搜索引擎来说主题更集中，对推进主域名的权重会有很大的帮助。4.网站体积大，获得的投票更多。也可以多挂出友情链接。牌品牌建立的强。【子域名缺点】1、他的最大的权重就是不能继承首页的权重，仅仅是看做成为一个新的站点，如果你的主域优化的非常好，那么你可以考虑再次开通一个站点。2、工作量会加大，和主站的内容不协调。内容差别大，不相关3、不要滥用子域名很容易被搜索引擎当做作弊来处理。没有大量的内容就最好不要启用子域名。三、二级域名与子目录的选择选择使用二级域名还是子目录来分配网站内容，对网站在搜索引擎中的表现会有较大的影响，所以：1，在某个频道的内容没有丰富到可以当作一个独立站点存在之前，使用目录形式，等频道下积累了足够的内容，再通过改版成二级域名的形式。一个网页能否排到搜索引擎结果的前面，“出身”很重要，如果出自一个站点评价较高的网站，那排到前面的可能性就较大，反之则越小。通常情况下，二级域名会从主站点继承一部分权重，继承多少视二级域名质量而定。在内容没有丰富到可以作为一个独立站点之前，使用子目录更能在搜索引擎中获得较好表现。2，内容差异较大、关联度不高的内容，可以使用二级域名的形式。搜索引擎会识别网站的主题，如果网站中各子目录的内容关联度不高，可能导致搜索引擎错误地判断网站的主题。所以，关联度不高的内容放在不同的二级域名中，可以帮助搜索引擎更好的理解网站的主题。3，二级域名间的服务器权限应该严格控制，a.domain.com下的内容，最好不能域名替换通过b.domain.com访问。如：a.domain.com/abc.html不应该通过b.domain.com/abc.html访问到。二级域名的内容能够互相访问，可能会被搜索引擎当作重复内容进行去重处理，保留的URL不一定能符合站长预期。4，不要滥用二级域名，没有丰富的内容就大量启用二级域名，极容易被搜索引擎当作作弊行为惩罚。总而言之，在主域名下，建内容丰富、主题相关的二级目录，可以推进主域权重。并且同样的关键词，竞争对手如果是内页，而你是目录页，那么在你们网站权重相同的情况下，你的目录页就比别人内页占优势。虽然如此，但是不要开设太多无用二级目录以及多层的子目录，这样也不利于用户浏览以及蜘蛛抓取。而对于二级域名，也跟建设主域名一样需要有丰富的内容和独立的主题，虽然也对主域SEO有帮助，但需要和主域名关联起来，而且本身有一定权重，一个没用的二级域名你关联得再好也对主域起不到多大作用。
最近看了一本书，里面讲到一个比较有趣的内容，就是感知性模式。那么何为感知性模式呢?总的来说，所谓的感知性模式就是物体或者物件的一种外在的呈现而给人的感觉或者感受。例如同样的一个电脑桌上都有电脑、鼠标、或者其他的物件摆设，但根据不同人的使用给人的感觉是完全不同的，或是凌乱、或是整洁、或是简约，而更直观的差异可能来源于这些物件的样式、材料、颜色、纹理的不同而传递出来的视觉感知，如果沿用到互联网方面的设计，那么感知性模式的例子可能包括：文字信息、版式、配色、布局、插图、图标、形状纹理、间距、交互或者动画等等，这些都作为具体方式来表达感知性设计。说到这里，你可能会认为感知性设计是一个纯粹的外在视觉表现，但想要完全的得到一些成效，更多需要把这个事情融入到品牌的核心中，随着产品的发展而发展，进而在众多的同类此产品中脱颖而出。感知性模式较强的产品例子 案例一：微信微信作为一个超过十亿用户的产品，随着版本的不断迭代，功能也越来越强大，因此从产品体验上来说也可能会给人一种臃肿的感受。但微信整体的感知性模式的设计是非常清晰的，从桌面APP的logo，再到内页呈现的图标、颜色、按钮样式、交互反馈等等的设计都是统一性很好的设计。案例二：instagraminstagram作为全球热度最高的图片分享社区，自始自终都有着非常明显的感知性，整体APP的简洁性设计让用户更加专注于内容本身，似有似无的品牌蓝色似乎已经牢牢融入了用户的大脑中，这种感知性无需被刻意放大，但就在潜移默化中用户就能感受到。案例三：抖音作为目前国内最热的短视频平台，抖音的感知性模式已经深入的印在用户的脑里，我认为抖音主要在以下三个方面让用户记住了TA：1.品牌属性，抖音的品牌属性就是用最简单的方式让用户记住了ta，通过APP图标、闪屏、发起按钮的图形及品牌色的串联;2.内容属性，具有自己平台气质的内容特性，抖音在最早期主打的“潮酷”类的视频让它跟快手做了明确的区分;3.体验属性，大胆的全屏滑动视频交互很好的结合了手机的体验方式。感知性模式的作用 1.有助于品牌形象传递在同一个领域中的产品，在功能上大多会具有一定的趋同性，而由于这几年的扁平化风格盛行，更把产品之间的类同性推向极致。因此更需要通过感知性模式的设计来进行区分，这种区分不仅仅只是视觉上的差异，更多是来自于产品者对于自己产品方向的把控。书中提到Spotify的例子，Spotify给人感觉是温暖的、私人的，虽然月活跃量已经超过一亿，但给用户的感受仍然是独特的，除了功能之外，主要在于整体的图形样式、颜色搭配(黑绿的品牌色比例把控)、交互中微妙而平静的感觉，以及排版上传递出来的感受。从上面这个案例来说，基础体验是用户值得参与的一个重要环节，但感知性模式的设计更多是来源于产品者想要给用户传递什么样的品牌性格或品牌核心，Spotify的静谧性及沉浸式体验，这是Spotify设计师想要传递出来的品牌核心2.感知性模式通过界面传递品牌感性性模式的品牌传递主要是通过界面或者运营调性来让用户得到感知，并且让人记住。在界面上想要让用户记住我们的产品，更多的是需要思考三个关键点：设计的独特性;设计的辨识性;设计的区分度。设计的独特性设计的独特性往往是通过我们界面的排版、图标、图像、交互体验方式、交互措辞等等一系列的内容来奠定。这些内容我们常常可以在国外的软件中看到很多不错的案例。还是以instagram作为案例来说，ins风的极简设计是一种贯彻始终的独特性存在，除了设计界面本身的研究之外，还在内容上下足了功夫。以照片浏览来说，始终坚持大图的体验方式，保证一屏内的沉浸度，而非为了效率，这与instagram一直具有较高的照片质量密不可分。设计的辨识性辨识性的可打磨方式有很多种，以图标作为一个基础的案例来说，我们在设计图标的时候是否有结合整体产品的性格去思考并且设计，并且深入打磨。简单的区分，我们可以从风格(例如：简洁的、有趣的、硬朗的、柔软的等等)，更深入的内容就是需要思考如何传递品牌感，以及将图形与品牌理念、产品性格进行结合，通过设计贯彻品牌辨识性。以YouTube这个APP的图标作为案例，设计师在设计时更多是希望表达整体APP设计的简洁性，弱化图形对于内容的影响，因此在整体坚持了三个核心关键点：简约、细线、普识。设计的区分度在目前趋同性的主潮流之下，如何把握好产品设计的区分度变得尤为关键，也就是说，当用户在看我们产品的时候会不会乍一眼认为是另一个产品。区分度的把握往往来源于品牌对于颜色的选择，我们在定义色调之前需要对主流竞品做一个分析，从中找出属于我们的区分度，并且尽量避免重合性。以现在流行的电商APP为案例，很大电商平台的设计大多类似，在品牌色的选择上则尤为重要，因此需要尽量避免具有耦合性。让设计系统更加连贯 我们在产品设计中想要把所有的模块或者组件做得一模一样几乎是不可能的，但我们可以利用感知性模式的设计进行内容模块的渗透，让用户对于整体的感受感知是一致的。以materialdesign的设计系统为案例，他所确定的是一个规则，而并不是任何的模块或者任何的图标都是一样的、无差别的，如果都完全长得一样会让设计变得单调、无差异性，通过设计准则来限定整体的图形风格，应用在不同的位置让用户从视觉角度感知到风格的一致性，这样也可以让整体的体验更连贯。Materialdesign的设计准则富有表现力为了突出MaterialTheming必须提供的功能，每个Material研究都表达了一个不同的品牌。各种各样的为确保material主题化和组件满足尽可能多的产品需求，material研究代表了不同类型的产品。基于现实为了尽可能地复制真实产品，每项研究都会识别用户、显示功能用户流并应用现实世界的限制。感知性模式的探索与思考 我们在日常设计功能性模块更多的是考虑到用户对于产品的体验感受，而感知性模块则是我们想要用户在这里获得什么品牌感知，通过品牌结合视觉设计系统给用户带来产品独特的性格及个性化氛围。对于探索感知性设计的方法也有很多，目前比较流行的技巧主要有：情绪板、样式叠片、元素拼贴。无论是哪种方式，都没有唯一的答案，更多是利用这些方法在不断的尝试中探索到属于自我品牌的感知。情绪板情绪板是一种较为轻量的风格探索方法，在这个过程中往往不需要花费过多的精力，我们需要做的就是把统一或者接近类型的图片进行重新整合，得出我们想要表达的视觉感受即可。情绪版属于比较前期的视觉品牌调性探索，在整体的颜色、排版上也都可以利用情绪板来获得初步的答案，如果想要再往深一步，可能则需要样式叠片的方式。样式叠片给予情绪板获得的大致品牌方向之后，便可以利用样式叠片的方式来进行更精细化的探究，我们可以用一种或多种不同的样式叠片来表达，但是希望在截取这些内容的时候要记得保持控件、组件、颜色、字体等等内容的一致性，避免差别性较大，形成不了统一的视觉系统。元素拼贴从书中讲到的大体概念是：将界面元素等内容拼贴在一起，从而达到设计稿初稿的雏形感受。这个方法可以比较敏捷的对需求方进行试探，但相比上面2种方法需要花费更多的时间及精力，同时这个方法出来的内容也比较偏向高保真。从表面上来看，这三种方法似乎都可以帮助我们更好的进行设计，没有太大的差异化，不过从本质上来看，这三个方法影响的是我们设计初期输出的保真程度，从情绪版到样式叠片再到元素拼贴似乎是一个越来越保真的方式，我们可以选择其中一种，或者2种结合来进行表现。平衡品牌性与一致性 过多的个性化设计，会削弱整体的品牌感，同样，如果设计的内容需要全部都一模一样的规范，也会扼杀设计的品牌感的创造性。因此，在感知性设计的概念下，一致性设计不是一味的复用，不求变通，而是通过整体统一的理念，允许个性化设计的存在，这样既满足部分模块的独特视觉表现又并不影响品牌传递。举个例子例如外面在设计一个完整的APP时，我们已经规范好了大体的基础视觉规范，在不影响这个规范的前提下，我们针对部分模块，例如福利类、游戏类，这种比较偏运营的设计界面，我们可以考虑有更丰富的颜色、图形等视觉表现，但前提在于是否符合基础规范的设定，如果符合那我们完全可以对这些类型进行个性化设计。如果没有打破常规的设计方式，固化的追求一致性的设计，那么它就会变得普通、僵化，感知性设计的存在就是让我们在允许的范围内追求更不一样的设计，鼓励设计师积极探索更多的可能性，好的设计体系既能体现品牌的一致性也能表达出创造性。由于感知性模式的相关设计，容易被当作只是样式或者主题化皮肤设计，很多人会认为这方面的设计比优化交互流程更容易些。在这种状况下，临时的业务经常会去挑战产品的品牌性和规范性，综合这2方面的原因，我们需要随时调整我们对于感知性模式的策略。好数据不代表感知性设计的好坏 数据的好坏往往来自各种原因，优化设计后得到好的数据，但并不能说我们的感知性设计是好的，首先刺激数据的手段有很多，例如加重内容的表现、利用颜色对比突出想要突出的模块，这些方式都是与感知性设计背道而驰的。基于上面这个问题，我们在日常设计中有几个基本原则是需要我们去遵守的，尽量避免为了满足短时间的产品需求而影响整体的设计感知性。1.不挑战基础规范原则基础规范作为整体设计的基本标准，整体的制定肯定经过多种尝试之后的结果，如果轻易推翻的话，其中产生的设计成本是巨大的，往往需要重新输出、多方对齐、最终输出、再落地形成开放组件，在我日常的工作中也常遇到。往往是因为一个极小的模块而产生了巨大的设计成本。2.不改变用户的普识习惯这里说的不是不去优化或迭代体验设计，而是我们应该尽量避免因为一个很小的内容而调整全局的体验方式。举个例子：早前很多APP在设计表单选择器时都喜欢进行UI定制，从这个问题分析，用户在使用这种表单选择器的时候是用的系统多一点还是我们的APP多一点，如果是系统的多一点，我们何不直接调用系统?因为组件的UI改造，往往会带来一定的开发成本，但其造成的感知却并不够大，反而会让用户觉得很奇怪，为啥这些选择权在不同APP的不一致。3.一致性最大化任何的设计都应该以一致性作为最大的前提，这样才能更加完整体现感知性模式，在各个模块、颜色、图形等等内容都具有完整的呈现，无时无刻影响着用户，让用户对于整体具有潜移默化的感知。最后 感知性模式不是一个原则，而是一种工作方式、设计模式，除了个人的坚持之外，还需要有团队的意识才能让我们的设计更加具有品牌性，自上而下的调性、方向的确定，在团队中形成共识，这样设计语言才能形成。站三界导航：https://www.zhansanjie.com
大家好，我是Clippp。今天为大家带来的文章是「底部导航栏」设计。很多受欢迎的产品中都有我们值得学习和借鉴的设计思考点，通过分析海外主流产品，带大家掌握底部导航栏(TabBar)的基本知识，找到解决问题的方法并开拓创意思维。在开始之前，请大家先思考下面两个问题～问题1：你的产品真的需要TabBar吗? 好像并不是。虽然淘宝、微信、微博、美团等大多数主流的产品都在使用TabBar，但这并不意味着所有产品都需要它。很多APP没有TabBar，比如日历、计算器、滴滴、Uber等。对于是否要在APP中使用TabBar，应该分不同的情况灵活考虑。问题2：为什么产品要有TabBar? 答案是为了易于使用，意味着通过TabBar这种简单的设计可以轻松帮助用户导航到页面。明白了上面的问题后，接下来就要考虑如何来设计TabBar，能更好的满足用户的需求和体验。1.显示最重要的信息导航栏应该只包含最有用的信息，不能添加过多无用的标签使导航栏混乱。许多App在导航栏上添加搜索功能，因为这有助于用户更快地导航和检索内容。在spotify底部导航中，主页选项用于播放或收听所有内容，搜索选项用于搜索下一首歌曲和播客，音乐库选项用于播放列表中喜欢和保存的歌曲，单独的会员选项方便用户轻松点击并快速完成购买操作。2.扩展导航的功能主流App更喜欢在底部导航栏中使用4-5个标签，这样能保持导航栏的整洁，还避免了标签过多导致用户难以精确点击选项的情况。Pinterest的导航栏上只有四个选项，这有助于用户轻松点击。消息选项会实时更新消息数量，对用户来说这样的提示很直观。另外搜索功能包含在导航栏中，方便轻松地在主页和搜索结果之间来回切换。3.容纳多种标签形式多数App底部导航栏会使用「图标+文字」的标签形式，这样能清楚地告知用户点击标签之后的结果。有时候我们也会看到有些产品的导航栏只有图标没有文字，但这种形式并不会影响我们的操作，因为当导航栏的标签使用了用户特别熟悉的形状和内涵，完全可以省略文字。宜家App的导航栏使用了大众都很熟悉的图标，所以即使不加文字，我们也能清楚地知道这3个图标分别代表了主页、分类、我的。相对于宜家，Youtube的导航栏就显得有点复杂，因为Youtube的图标含义用户可能并不是很熟悉，加上文字说明很有必要。4.文字标签应该简短文字标签应该简短而清晰，准确的文字说明能对用户使用正确导航起到关键作用。TikTok导航所有的文字标签都简短，并且中间的添加图标还隐藏掉了文字，以此来引吸引用户的注意力。5.避免隐藏导航栏TabBar通常包含了最重要的导航信息，应该始终向用户展示，避免在用户滚动页面的情况下被隐藏掉。Pinterest导航栏的设计是个例。当滚动页面时，底部的导航栏会隐藏，这么设计的原因可能是为了防止导航栏遮挡图像，保证用户看到更多的图像内容。6.传达位置TabBar帮助用户轻松导航，但如果用户不知道自己的位置，将会影响他们浏览和使用产品的体验。多邻国App通过改变导航图标的样式来让用户清晰的知道自己所有的板块。Headspace在底部导航栏加上了线条装饰，每次切换选项，线条都会跟着一起切换，确保告知用户确切的位置。7.从反馈中学习并不断改进反馈是关键，如果想改善产品的导航栏设计，就要考虑并测试用户最喜欢哪个导航选项，不使用哪个导航，需要四个还是五个选项等等。Pinterest通过收集用户的使用反馈情况来不断改进导航栏的设计，帮助用户更方便地使用产品，这些不断打磨的改进真是产品成功的关键。8.在导航栏中显示更新TabBar不仅仅起到导航的作用，很多时候还能通过状态变化告知用户更多的信息。在Twitter主页导航中，当有新内容推送时，主页就会出现更新的状态，提示用户查看新内容。这样的设计在Youtube、Pinterest等很多主流产品中都有使用。站三界导航：https://www.zhansanjie.com
编者按：对于UI/UX设计师而言，哪些Figma插件是必备的?Uiuxwebsites精选了16个必备的插件：今天这篇文章将会分享给设计师16个必备的Figma插件，这些插件对于提升设计效率会非常有帮助。如果你正在寻找Figma插件，下面这篇免费Figma插件也值得看看：那么接下来，我们一起来具体看看这16款插件吧：ColorPalettes这是一个非常常用且易用的配色方案生成和管理工具，它本身自带超过1500款生动活泼有效的配色方案，同时以易于理解的命名帮你存储，便于调用。AutoflowAutoflow是一款交互流程管理工具，只需要快速地在不同控件之间拉线，就能神奇而快速地构建起流程关系。ProductPlannerProductPlanner对于产品设计师而言是一个非常不错的工具，它提供的模板能够让设计师快速开始产品规划、产品洞察、风险识别、目标设定、解决方案等。Webgradients渐变色彩的搭配和效果其实非常考验设计师的配色功底，这个插件为你提供了一大波立马上手可用的渐变配色方案!Figmotion Figmotion是一款内置于Figma的动画工具，它最大的好处在于你无需切换到第三方的动效设计工具就能进行动画设计，帮你快速、轻松、方便、无缝地进行动画设计。BrandsColors 如果你喜欢使用一些现成的品牌的配色方案，那么这个插件所提供的大量的品牌配色方案，可以帮你更快开始整个设计。Mapsicle 不用再去截地图了!直接使用Mapsicle这个插件，帮你无缝截地图，帮你将想要放的任何位置和地图置于UI界面当中!Themer Themer是一个主风格管理插件，它可以方便你的团队从库中直接调用和交换各自所设计的主题和素材，在它的帮助下一键切换界面的配色、字体和效果样式。Responsify 这是一个可以帮你快速测试你所设计的界面，在不同尺寸的设备上的效果。Blobs使用这款工具可以随机生成各种各样有趣的、随机的图形，每个形状都是独一无二的、矢量的并且足够个性化的。SmoothShadow 还在纠结怎么做投影效果才够自然么?不用纠结了，用这个插件，直接给你生成效果平滑的分层投影效果，简单，自然，舒服，省心。Isometric 做等轴测视角的效果图在做展示的时候绝对是刚需，而这个插件就是专门解决这个问题的。ContentReel 协作和共享的意义就在于大家可以更好地复用大家已经设计好的东西，而这个来自微软设计团队的插件可以让你更容易获得设计好的布局、配色、文本内容、图案、图标这样成套的设计方案，一键调用。你也可以将自己已有的设计分享出去。Chart Chart是一个用来创建图表效果的插件，它可以兼容Excel、Number、GoogleSheets、JSON、CSV等格式和软件。RemoveBG这是一个可以可以一键删图片背景的插件，它应该是每个Figma用户都会用到的工具。Unsplash这个插件就不用深入介绍了吧?这个插件可以帮你将Figma直接对接到著名的免费图库Unspalsh中，直接调用免费的图片素材。站三界导航：https://www.zhansanjie.com
中国互联网举报中心