Blog

视觉层级,简单来说就是将元素按照其重要程度在界面中进行布局。在UI设计中,视觉层级似乎与审美有关,但事实不仅于此。合理的层级设计,不仅方便用户易于理解,而且有助于用户易于使用,以及与产品进行良好互动,从中获得愉悦的体验。 【UI设计案例分析】哪些UI设计技巧有助于增强界面的视觉层级效果? UI设计技巧一:运用分组建立层次 在UI设计中,元素之间的距离越近,说明它们彼此之间的关系越密切;而元素之间的距离越远,这意味着它们的关系越疏远,甚至可能没有太大关系。 这就是大名鼎鼎的“格式塔原理”中的邻近性原则。 我们在考虑UI视觉层级,按照“邻近性原则”进行版面布局,有助于加强界面中各元素间的层级关系,以及提升用户对讯息的理解。 在Stadium-Live APP设计中,设计师通过对UI元素进行分组处理,以及按照用户的视觉动线进行布局,确保每组元素间的关系更加明确,避免造成视觉上的干扰。 UI设计技巧二:运用留白建立视觉层次 很多品牌网站和APP都习惯于将各种元素和讯息都堆积在界面上,因为界面空间非常昂贵,只能在有限的屏幕中显示所有内容。但是如此拥挤的视觉效果,反而会影响用户获取讯息的能力,严重影响整体的用户体验。 在UI设计中,适当的“留白”不仅是出于对审美的考量,更多是帮助界面建立合理的视觉层次,为用户带来流畅的操作体验,以及将用户的注意力聚焦于重要讯息上。 Classpass APP设计运用留白的方式对界面中的元素进行分组,同时尽可能减少装饰元素的使用,让整体视觉效果更加干净的同时,也避免对用户体验造成任何视觉负担。 UI设计技巧三:运用氛围建立层次 要打造页面氛围感的方式有很多,比如纹理的运用。从视觉感受上来说,纹理往往会比留白更具吸引力,但要注意纹理的运用不能为了设计而设计,而是需要和界面内容有关联,否则容易让用户分散注意力。 除了纹理外,通过插画、色彩等方式来让整个空间感更加丰富,同样能为UI元素建立合理的层级关系,营造出独特的氛围感。 Lugg APP设计从引导页到页面核心功能设计,全部画面都以插画来呈现,不仅给用户带来有趣的体验,而且使整个设计氛围感变得非常强烈。 总的来说,视觉层级对UX设计有着极大的影响,如果视觉层级不合理,将会导致界面显得非常凌乱,最终导致用户无法获得有效指引,也难以有效地与产品进行交互。同样道理,非层次化UI元素也会降低界面的可读性,让用户需要花费大量时间区分内容而无法一目了然地获取讯息,这样很容易造成用户满意度过低而导致产品失败!

网站收录困难重重? 网站排名频繁波动? 网站有排名却没有流量,又或者是网站有流量却没有转化? …… 你是否也遇到过这些问题? 很多品牌网站都吐槽,现在想要操控百度自然排名的难度越来越大,想要透过一些黑帽SEO手段达到目标,但稍有不慎很容易就会将网站置于万劫不复的位置;但如果使用白帽SEO优化手段,不仅预算成本高,时间周期也非常长,甚至有可能需要优化一年半载才能看到效果。 如果你也有上述的烦恼,不妨看看今天168Solution介绍的内容,或许你能从中找到解决方案! 如何利用百度为网站带来更多流量?提升百度搜索流量的“三板斧” ① 提升网站首页的SEO排名 为什么最近有那么多网站主在吐槽“百度SEO优化越来越难做”? 原因很简单,就是之前的投机取巧策略已经不再适用,然而很多品牌网站却并不具备建立整站的SEO标准化与运营策略的能力。这就导致网站SEO优化的成本变得异常高,特别是网站内页排名的问题。 因此,从目前的形势来看,如果你尚未有专业的SEO优化团队,如果单纯想保证网站首页能获得排名,这还是相对比较容易操作的。但是如果你想做整站排名和优化,最好还是咨询专业人士的意见,前提是要有一定量的预算。 ② 企业百家号占位 保证网站首页获得排名后,接下来我们便可以进行一些有效的布局,将转化率相对较高的产品和服务的关键字铺到首页上。 而对于提升长尾关键词排名的工作,以及企业品牌传播、推广等工作,在某种程度上来说,合理借助企业百家号可以大幅降低排名时间周期与投入的预算成本。从目前来看,百度搜索对企业百家号仍是给予一定权重的扶持,特别是一些长尾关键字,基本当天就可以上首页。 这样我们就可以针对特定关键字进行有效的搜索占位。 ③ 竞价品牌广告推广 透过上述两个实操策略好不容易让网站获得不错的排名,但是转换率依然很低?此时,我们就需要考虑“花钱买广告”。 近期百度竞价正不断尝试多样化的展现策略,以有效降低普通企业用户做竞价推广的成本。从性价比角度来说,网站主只要能够精准挑选一些高转换率且竞争度较低的关键字,还是能获得蛮不错的效果。 除此之外,我们也可以尝试投放一下百度的信息流,效果相对来说也是挺不错的。 总结,对于大部分中小企业而言,可能在近期会出现排名比较困难的情况,如果你也有这个问题,不妨尝试上述策略,以较低的预算获得合理的展现!

对于品牌电商网站设计而言,文字不仅是整个界面中最直观的信息载体,也是整个设计过程中至关重要的环节。而一款优秀的商品详情页,除了要保证其美观外,文字排版也很重要,这也是电商网站设计都是以图文结合形式展示的原因。 那么,如何做好详情页的文字排版呢? 网页设计技巧一:规范字号 排版的目的是帮助用户整理信息,提升阅读效率,因此我们需要对界面内容进行分组、划分层级关系。而在之前,我们必须要做好一件事就是保证文字的可读性。 现在电商详情页的用户使用场景几乎都来自于手机端,如果文字太小,容易导致用户无法看清、看懂,进而不利于文字信息的正确传达。当然,这也不代表文字越大越好。因此文字太大,会显得过于粗暴,让界面看起来缺乏精致感。 建议主标题字号大小控制在50-80px,副标题控制在26-36px,看起来会舒服很多。当然这组数据仅供大家参考,并非绝对。 网页设计技巧二:根据重心排版 在实际工作中,界面元素并不是只有图片和文字,还有可能出现图案、符号、线框等装饰元素,这些元素在视觉上都具有一定的“分量感”,所以当我们进行界面的排版布局时,可以根据画面重心合适的排版方式。 PS. 常见的排版布局方式有三种,包括居中对齐、左对齐和右对齐,下面我们来看看如何透过画面重心选择排版方式: | 居中对齐排版 与另外两种排版方式相比,居中对齐排版的重心会更加平稳,适合用在相对平衡的构图上。 与上图所示,不管产品如何拜访,只要画面重视始终相对平稳,使用居中对齐的排版方式基本不会出错。 | 居左/右对齐排版 说完居中对齐排版,我们就说说左/右对齐排版。从本质上来说,这两种排版方式没有太大区别,无非就是出于用户习惯的原则,左对齐会相对用得多些。 一般情况下,如果画面重心不够平稳时,我们一般会考虑通过文字排版、装饰元素等方式来达到平衡的效果,这个时候就会用到居左/右对齐排版方式。 如上图所示,当画面重心偏向一侧时,顺理成章地根据实际情况选择居左/右对齐排版方式。 虽然依据重心排版非常好用,但如果全部都按照重心原则进行排版,视觉上难免过于单一,因此在实际工作中,我们经常会在网页设计上采用多种排版方式来展示。 网页设计技巧三:相对平衡原则 所谓的相对平衡原则,其实就是利用装饰元素或必要的排版布局元素平衡画面,营造视觉上的相对平衡即可。 虽然图中两个产品的长短不一,但所占的直觉比重差不多,所以整体的视觉中心是相对平衡。不过,如果我们将这张场景图做详情页首图,并按照刚才方式的采用居中对齐排版,画面重心会偏向右边。 这就能解释,很多详情页案例明明重心很平稳,但不用居中对齐反而更加出彩,其原因是做到了视觉上的相对平衡。 事实上,视觉相对平衡并不像对称式构图那样严谨,只要看起来差不多就可以了,像是一些竖向排版或不规则排版,其核心思想就是保证视觉上的相对平衡。 【总结】 网页设计的魅力在于不确定性,详情页排版同样如此,不管是选择重心原则还是相对平稳原则,都只是为设计提供理论依据,关键还是取决于整体界面的布局和规划!

为什么医院网站需要做SEO优化?近年来,频繁的医疗事故使患者对医生产生各种的误解,也导致原本紧张的医患关系日益加剧。很多患者只要搜索引擎中带有“广告”二字,便会显露出非常抗拒,甚至出现“医院实力不够才会花钱买广告”这种想法。 随着搜索引擎对医院网站广告的审核愈来愈严格,如果医院网站能做好SEO优化,不仅能加强网站用户体验设计,提升网站在搜索引擎的自然排名,而且对增加患者信任、树立医院形象,以及拉近患者关系都有一定的帮助。 那么,医院网站该如何做好SEO优化呢? SEO优化策略一:用户需求的挖掘 大部分用户都是带有很明确的目的访问网站,而且他们的时间是非常宝贵的。因此我们需要逐一挖掘用户的需求,为他们提供全面的解答。比如,糖尿病患者在搜索引擎上搜索“糖尿病能否治好”,那我们的网站就不能只是介绍糖尿病的特征。因为糖尿病患者对这种疾病的特征应该会比我们更加了如指掌,甚至连具体表现都非常清楚。 因此网站在为用户解决问题时,不能偏离用户的问题,针对用户的问题做出全面且正确的回答,这包括疾病的简单介绍、诊断、治疗、饮食和护理等方面,越详细、越全面,就越好。 SEO优化策略二:加强网站的权威性 医疗行业与人类健康信息息息相关,保证网站的权威性和信任度是非常重要的。另外,搜索引擎在给用户推荐结果时,也会将将考察重点放在网站的权威性和信任度上。可能会有客户在想,搜索引擎如何判断内容是否权威呢?这里涉及的因素有很多,包括撰写内容的作者背景、网站及其所有人的背景、外界对网站/品牌的看法等。 医院网站为用户解决问题时,不能偏离用户的问题,更不能模棱两可地回答用户的问题,而是要针对用户的问题做出正确的回答。否则网站的权威性会骤然下降,间接影响用户对医院的信任度,自然而然地就不会到医院进行诊治。 SEO优化策略三:网站加载速度要够快 当用户带有目的在搜索引擎查找答案时,并不会只打开一个网站,而是将好几个与问题相关的网站都点击打开。 如果你的网站加载速度很慢,即使你的网站内容对用户非常有价值,他们都会直接关闭网站,而选择你的竞争对手网站。要知道用户的“耐性”是非常有限的,所以必须保证医院网站的伺服器性能好、空间稳定,这样可以保证医院的加载速度,同时降低网站受到黑客或病毒攻击的机会。 SEO优化策略四:网站架构越简单越好 医院网站设计通常不要太过高大上,只要将用户最关心的内容优先展示出来,根据目标受众来确定网站风格即可。网站架构设计得太复杂,反而会不利于网站用户体验,也会导致用户不知道该怎样使用网站。 所以,医院网站设计得越简单越好,方便用户快速找到想要内容。

互联网产品在上线后会不断更新迭代,如果本身对系统或系统内某功能不熟悉的用户而言,如果没有新手引导,可能会导致他们无法正常操作。因此,新手引导设计得好,可以有效帮助用户更快地熟悉产品操作,传递产品的实际价值,从而提升用户活跃度和留存率。 但“新手引导”始终会干预用户的决策和操作,因此从UX设计方面来说,并不是所有场景和功能都会用到新手引导。 那么,什么时候需要新手引导? 新手引导不是UI设计的必需品,只有能够同时为用户和产品带来价值的引导,才是有意义的。简单来说,新手引导具有以下意义: • 对用户而言,新手引导可以让用户聚焦并理解产品/功能,或帮助他们更快捷地达成目标。 • 对产品而言,新手引导可以向用户传递产品的价值和差异竞争点,刺激用户投入更多的情感和精力。 一般来说,新手引导出现于以下三个场景,才具有上述的意义: 1. 新产品刚上线或上线观察一段时间后,用户的核心行为完成量未达到预期 2. 产品表现稳定,但需要引导不同生命周期而用户去完成差异化行为 3. 产品不断更新上线功能,需要向用户对新边缘功能进行引导 新手引导的常见设计模式有哪些? 了解好新手引导的适用场景后,接下来我们就从新手引导的常见设计模式,说说哪些UI设计技巧可以帮助我们设计好新手引导。 1. 引导页 适用场景:新产品冷启动或重大改版升级 当用户首次进入产品时,透过引导页向他们展示产品的功能亮点或核心操作方式,有助于用户能更流畅地使用产品,并在他们心中塑造产品的品牌基调。 优点:在表达产品价值和差异化竞争点有很大的优势,同时在用户刚接触产品时,便可以很好地进行用户动机的培养,强化产品价值认知。 缺点:场景联系性弱,不能准确对具体功能模块做出解释和教育。 2. 动画引导 适用场景:工具类产品、复杂的操作 当用户遇到产品有非常复杂的操作时,可透过动画进行教学。 优点:动画吸引力很强,也非常直观 缺点:阻断行为,教学不是即时的 3. 单页蒙层 适用场景:功能上新或改动/页面结构更新/交互操作引导 单页蒙层即在页面的整个界面上方用一个半透明蒙层进行遮罩,并配以配以手势、文字、符号、插画等,帮助用户了解新功能的使用方法。 优点:蒙层设计的内容形式多样,有助于突出视觉脚垫,并且场景联系性很强。 缺点:属于阻断行为,对用户行为的干扰较强。 4. 分步引导 适用场景:页面结构改动较多/流程较长的交互/复杂功能 分布引导和单页蒙层的相似之处在于都是蒙层+内容的形式,但它会按照流程依次出现。 优点:一步一步教育用户,控制单次传递的信息,让用户快速了解每个功能的收纳位置,以最短路径体验流程。 缺点:过程连续不可预期,容易持续干扰用户,使其产生厌烦心理。 5. 教学式引导 适用场景:游戏、工具类产品、营销活动 教学式引导可以结合实际使用场景,并且在完成引导后为用户提供及时的实际反馈。 优点:如游戏中常见的教学式引导,可以直观地帮助用户了解游戏玩法。 缺点:用户不可以跳过,必须完成引导的内容。 6. 弹窗引导 适用场景:版本更新/新功能上线/后续操作引导等 弹窗引导一般在用户进入相关模块或触发某功能时,出现在单页全局去介绍对应的操作与信息。 优点:弹窗在操作和视觉上都非常聚焦,是某个时间点上优先级最高的事情。 缺点:强制阻断用户的正常操作,对用户造成极大的干扰。 7. 气泡引导…

随着互联网的迅速发展,网站SEO优化技术的发展也日新月异,过去能提升网站流量的SEO优化技术,放至如今可能已不适用,甚至是被搜索引擎误判为“作弊SEO手段”。因此,品牌若想通过SEO优化为网站带来更多流量,就需要与时并进掌握搜索引擎定下的规则。 那么,什么是SEO优化呢? SEO(Search Engine Optimization),中文翻译为搜索引擎优化,是一种利用搜索引擎的搜索规则对网站进行合理优化,提高目前在搜索引擎内自然排名的方式。 对品牌网站而言,SEO优化是一种非常有效的引流方式,具有: 1. 花费低:相对而言,网站SEO优化仅有人力成本和时间成本,而金钱成本上相对低,但是可能带来的流量不论品质还是数量,可能与SEM行销持平,甚至更高。 2. 精准流量:SEO不像Facebook广告般,将广告强行推到用户面前,而是在用户通过搜索时才会出现,因此这类流量通常带着较高的购买意识,转换率也相对较高。 3. 不用担心恶意点击:网页位于搜索引擎的自然排名,不需要承担“无效点击”的风险,无论是竞争对手网站还是普通用户点击网站,都无需为此付出广告费用。 4. 长期有效:一般情况下,网站采用白帽SEO优化手段并且持续优化,排名效果都会比较稳定,哪怕是你短时间忘记优化,对网站排名都不会出现较大影响,除非搜索引擎算法发生重大变化或强大的竞争对手后来居上。 有什么SEO优化技术可以提升网站流量? 掌握SEO优化的基础知识后,最后我们回归本文的主题,了解一下能提升网站流量的SEO优化技术: SEO优化技术一:选择流量大、转换率高的关键字 关键字研究是SEO优化中非常重要的环节。 这过程中需要注意的是,有些关键字流量看起来非常大, 实际所带来的转换未必如此。因此,如果你想形成最终的转换,在选择关键字时就需要这些关键字是否有实现转换的可能,比如该关键字必须和产品/服务相关,否则即使带来更多流量,最终无法达成转换也是徒劳无功的。 SEO优化技术二:高质量内容 尽管互联网平台并不缺乏内容,但用户仍希望能找到新奇、有趣,以及给他们带来启发的高质量内容。 另外,网站内容需要保持一定的更新频率,才能吸引搜索引擎爬虫的光顾,以及用户的青睐。毕竟,互联网引流并非一朝一夕之事,而是需要一个沉淀的过程。 加之,网站离不开用户,我们想要留住用户就必须不断提供有价值的内容来满足用户的需求。如果用户来到网站发现长时间没有更新内容,想必会失望地离开,甚至永远都不会再光顾。 更别说,网站不更新内容对搜索排名的影响有多大。 SEO优化技术三:借助其他平台引流 除了上述两种方法外,我们还可以借助其他平台,如自媒体平台、新闻媒体平台、论坛贴吧、问答社区或博客等,平台尽量选择权重相对较高的平台,从而提高个人或品牌知名度,并最终形成引流的目的。

“刷新”在UI设计中属于普及度较高的基础性功能之一,主要方便用户获取最新产品的动态,满足用户的求知欲,通过源源不断的新内容增加用户黏性,提高用户使用体验。 168Solution表示,大家都习惯将刷新成为下拉刷新,其实刷新动作不仅限于下拉手势交互,点击和上滑同样是常见的刷新动作,比如一些产品在滑动浏览时,底部标签栏的图标会变为刷新的操作,需要通过点击实现页面内容的刷新;部分产品在上滑页面时,实时加载完成刷新,像TikTok等影视类产品,以及Pinterest等使用瀑布流设计的产品。 【优秀UI设计案例分析】刷新的有趣设计形式有哪些? 下面,小编将通过一些优秀的UI设计案例来进行分析,辅助大家掌握更多差异化的刷新设计形式。 1. 情感化的文案设计 为了带给用户更有温度的UI设计,刷新除了在图形层面和动效层面进行情感化设计外,通过不同的文案同样可以加强情感化,比如使用俏皮可爱的话术,让用户每次刷新都能看到不同的文案,从而产生情感上的共鸣。 喜马拉雅APP每次下拉刷新都会显示不同的文案内容,有功能引导的提示文案,也有与用户共鸣的温馨提示等,从而让刷新变得更有温度。 2. IP形象结合 IP形象结合到UI场景不仅可强化品牌感,带来更强的情感化体验,而且设计形式多样,趣味性强,为用户带来更佳的感官体验。 美团外卖将品牌IP形象结合得恰到好处,下拉刷新时两只“兔子(袋鼠)”耳朵摇摇摆摆非常俏皮可爱,配合眨眼等可爱表情动效,拉近了与用户之间的亲和力,带来更人性化的使用体验。 转转的IP形象头部的转动条是其特征所在,下拉刷新时转动条伴随着装饰符号散开而与熊仔(主题)分离,不仅贴切地结合了IP形象的特点,装饰元素的动态效果也强化了氛围感,非常符合产品的属性。 芒果TV的下拉刷新设计结合了IP吉祥物芒果崽,下拉刷新时一路骑行的芒果崽会沿途经过众多地标建筑的剪影,只要下拉不松手就会一直处于骑行状态,给人一种独特的感官体验。 3. 品牌基因结合 立足于品牌做设计,既可带来差异化的设计表达,也能提高用户对品牌的记忆度,因此很多品牌UI设计都会将品牌Logo、辅助图形、品牌字体,甚至是品牌风格特征等融入到刷新设计中,带来差异化的操作体验。 链家APP的下拉刷新是以品牌Logo进行路径动效,完美地匹配了图形轮廓,动效的流畅度也比较自然,让用户在使用产品过程中加强对品牌的记忆。 得物APP是将品牌名称的字体直接运用到刷新设计中,以路径动效形式进行表达,最终笔画被打散开,不仅延续了品牌感,还在差异化设计中呈现了自身的品牌特征。 58同城首页在下拉刷新时,会展示品牌Slogan“让生活简单美好”,将品牌的定位传递个用户,增加用户对产品的好感度。 4. 业务属性结合 根据业务特征设计刷新图形,能将产品的属性或服务卖点强化出来,赋予常规操作更多的功能机制,同时让用户在刷新过程中感知产品的业务属性,强化用户对品牌的记忆度。 麦麦商城栏目的下拉刷新设计采用汉堡形象结合层级动效进行表达,动效拉长的汉堡不仅体现出汉堡包的份量感,激发用户的食欲,最重要使用汉堡形象能加强产品与品牌之间的关联性,让人一看就知道是麦当劳。 友啥APP利用3D图标进行循环切换代表刷新过程,这种带有业务属性的图标可以直观地突出产品的特性,同时图标切换的流畅动效匹配刷新动作,加强了产品的视觉感官体验。 5. 动态形式结合 刷新动态表达形式是非常普遍,本文提及到的很多案例都与动效形式结合有关。刷新与动态形式结合可以加强产品的趣味性,同时在动画演变过程中能降低用户等待加载过程中的焦虑感。 少年得到APP中,下拉刷新时一个背着书包漫步的卡通形象,呈现出学生放学或上学时背着书包漫步的场景,不仅贴合产品功能的含义,也与用户产生更好的情感共鸣。 6. 多功能结合 刷新设计更多的还是为了给用户提供更多新内容,除了这个底层需求外,部分产品也会赋予刷新多功能的属性,提供更多的玩法,在有限的资源空间发挥更多操作价值,带来更多样的操作体验。 淘宝APP首页下拉刷新时,短距离的下拉仍属于刷新范围,但继续下拉则会提示“二楼可以访问你添加过的频道哦”,并进入到新的场景。 在淘宝APP商品详情页中,下拉虽然不会提供刷新服务,但会显示用户的“足迹”不仅在用户习惯性操作时给予反馈,还能更方便地让用户做出选择。 * 同一产品未必只能呈现出一种刷新设计方案,因应不同场景设计出不同的UI设计方案,不仅能简单粗暴地传递出品牌感,还能给用户带来耳目一新的体验。 7. 其他刷新设计形式 随着用户体验的重要性升级,很多设计都会从细微之处入手而探索出更优的解决方案,让刷新发挥更多使用价值,以及加强感官上的体验。 屋颜APP设计风格属于比较简约文艺,因此下拉刷新设计也恰好保持这一风格特征,将生活物品以线形图标体现,整体过度和衔接也恰到好处。 AcFun在下拉刷新时,将背景层设计类似于宇宙空间的场景,配合IP形象左顾右盼动效,类似于探索宇宙般,给用户带来非常不错的感官效果。 刷新设计作为产品最常用且最基础的功能,其重要性不言而喻,多从突出品牌感、趣味性、强化感官层面体验、多功能结合等方面,突出产品的差异化,将有机会拉近用户之间的距离,增加用户的使用率和复用率。

随着UX设计的持续发展,各品牌的UX设计质量都有了很大的提升,各竞品之间的差距也变得愈来愈小。因此,要拉开竞品的差距,不断提高品牌UI设计质量是关键的一环。 168solution表示,当品牌UI设计做到极致时,看着简单的功能只要稍加注重细节,就能带给用户更好的使用体验,以及通过趣味性和差异化的表现方式,给用户带来不一样的感官体验。 那么,如何提高品牌UI设计的细节?下面,小编将通过一些优秀UI设计案例和大家简单分析。 【优秀UI设计案例分析】如何提高品牌UI设计的细节? UI设计细节一:个性化的UI设计风格 皮玩APP设计采用青春活泼的糖果配色方案,并通过描边风格中和色彩之间的排斥感,给整个界面带来独特的视觉效果,让人有种眼前一亮的感觉。 UI设计细节二:视觉区域的业务动态演绎 每平每屋APP首页中,顶部区域通过动画形式演绎业务属性,不仅强化该区域的视觉效果,达到吸引用户关注的目的;同时将产品业务属性以更新颖的方式表达,加深用户对品牌的记忆点。 UI设计细节三:增强操作体验的情感氛围 在端午节期间,通过爱奇艺APP观看视频时,只要点击屏幕就会出现欢快舞动的粽子形象,不仅增强了操作体验读,也营造出更好的感官体验。 UI设计细节四:带给美食诱惑的下拉刷新 麦麦商城的下拉刷新设计中,采用汉堡形象结合层级动效进行表达,不仅体现出分量感,激发用户的食欲;用汉堡形象代表麦当劳,更是展现出品牌的关联性。 UI设计细节五:刷新状态下的趣味化IP形象 半次元APP在下拉刷新时,不仅结合IP形象,还会根据下拉程度出现不同表情和动态,增加了功能操作上的趣味性。 UI设计细节六:滚动3D元素强化视觉效果 吃货笔记APP将3D元素图标作为登录界面的背景设计,再配以滚动动画表达,将用户的关注度转移,降低对登录操作的排斥感,继而提高了UI设计的感官体验。 UI设计细节七:积分兑换的可视化表达 麦当劳APP将积分兑换模拟了真实用餐场景,将不同积分值对应不同套餐,大大增加用户的理解度,让用户积极参与积分活动。 UI设计细节八:个性化的界面布局设计 PODO漫画启动页过渡到首页时,界面布局风格特异却异常自然,打破常规的界面布局,给人眼前一亮的体验,并增加对产品的关注度。 UI设计细节九:3D实景增强购物体验 屋颜APP利用3D实景打造线上体验馆,用户只需点击感兴趣的家居产品,即可进一步了解商品信息。场景化设计让商品更有代入感,给用户打造不一样的购物场景和更好的使用体验。 UI设计细节十:情感化的步骤设计 每平每屋APP在展示装修步骤的设计中,通过IP形象结合场景来表达不同的步骤,不仅增加用户对步骤信息的理解,也使得单调的步骤设计变得更有趣味性,从而给用户带来不错的感官体验。 总体而言,越简单的设计往往越容易被忽略,因此想要做出极具差异化的UI设计,就要从细微之处探索不一样的表现形式。

为什么要做抖音电商?无论是不同领域的创作者,还是各行各业的从业者,甚至是商家、品牌,如今他们都将“抖音电商”视为一次新的机会。 为什么在抖音电商完成购买?很多用户一开始被直播、短视的内容所吸引,产生兴趣而主动搜索商品,继而完成购买。 2022年5月31日,抖音电商在第二届生态大会上宣布,继抖音电商第一届生态大会首次提出“兴趣电商”后,经过一年多的探索和发展,将全面升级至“全域兴趣电商”——覆盖用户全场景、全链路购物需求的同时,通过短视频和直播内容,以及商城和搜索等多场域协同互通,为商家生意带来新的增长。 【抖音电商升级的背后原因】 根据抖音电商提供的数据: 过去一年,在“兴趣电商”的吸引下,有180万商家新入驻抖音电商,抖音电商的GMV是同期的3.2倍,销售出的商品超100亿件。 同比去年4月,挂车短视频累计播放次数同比增长31%,直播间订单数同比增长112% 根据上述数据说明,“兴趣电商”是巨大的生意机会,优质内容驱动下的用户购物行为还在快速增长。 为继续给商家带来更多机会,以及为客户提供更多优质商品,抖音电商将升级为满足用户美好生活多元需求的“全域兴趣电商”,并投入更多精力严控商品质量、打造优质内容生态、提升用户服务与保障、推动产业合规发展。 【抖音电商升级的重点】 由兴趣电商的概念升级到全域兴趣电商,其优势在于:平台在匹配需求、激发需求和释放需求的效能上更具一体化特征,所促成地不只是用户兴趣购买,还能极大地满足用户主动购物需求,因此平台可以更好地提供产品和服务,提升消费者的消费体验,有助于释放更多消费者潜能,促进电商平台健康持续发展。 另外,在围绕“全域兴趣电商”的发展上,抖音电商还进行一系列业务布局: ① 发力云零售,帮助商家打通线下生意 ② 建设供应链云仓,为商家提供解决方案、履约保障,为用户提供更好的物流体验 ③ 针对头部品牌商家推出“DOU2000计划”,同时继续推进针对新锐品牌的“抖品牌计划”,全面建设品牌阵地 ④ 针对全国的产业集群,打造百强产业带专项,规模化扶持产业带商家,助力区域经济发展。 总体来说,抖音电商升级为“全域兴趣电商”,旨在为商家搭建经营基础框架和成长路径的“FACT经营矩阵”,升级为“FACT+全域经营方法论”。未来,抖音电商除了在“内容场”为商家经营提供助力,针对搜索和商城的“中心场”、“营销场”也将推出一系列举措,帮助商家经营健康、可持续地增长。 什么是“FACT经营矩阵”? FACT经营矩阵,是以“内容”为核心的场域思维,即“内容场”立足于抖音是内容,抖音要卖货,抖音能做本地。……但抖音归根结底是内容平台”,这一思维核心出发的商业化生态布局。其中。 Field:商家自播,即品牌自有阵地 Alliance:达人矩阵,即各层级达人的内容营销合作 (以上作为日销经营的抓手) Campaign:主题活动,即平台级各类营销资源 Top-KOL:头部大V,即合作头部达人形成势能和背书 (以上作为品销爆发的抓手) 在产品销售方面,抖音电商会继续加强短视频、直播等内容场景建设,以及加强对店铺、商城和搜索等中心化场景的产品建设,满足更多用户的主动搜索、复购等发现行购物需求,为用户带来更全面的服务。此外,在商家平台产品部分,将升级为抖音电商罗盘、抖店、抖音电商供应链云仓、巨量百应和精选联盟等产品,帮助商家做好经营决策,提升经营效率。 事实上,抖音电商本次升级,不仅是为了帮助品牌/商家更好地经营,更希望商家能做好以下几点: 1. 立足原生核心的“内容场”,打造更高效率、更大规模的FACT内容经营矩阵 2. 抓住增量机会的“中心场”,为“商城”提供优质商品和活动供给,为“搜索”提供精准展示匹配和投入 3. 利用营销放大的“营销场”,通过品牌协同,加速生意规模化增长,共创营销价值 【面对抖音电商的升级,商家该如何应对?】 站在品牌角度,面对“兴趣电商”升级为“全域兴趣电商”,那该如何实现内容化的人货场的增长布局呢? 1. 人群策略 用户的全域完整流程是知道→兴趣→决策→购买→忠诚→推荐,这六个阶段依次递进,每个点均可经营且自成闭环循环的旅程。 一般来说,品牌从0到1起盘,可以通过单一平台的饱和渗透,实现闭环增长。但当品牌处于全面增长阶段时,这就需要站在用户找到每个旅程点跃迁的最核心场域,例如:用户知道品牌可能是靠抖音KOL→转化靠品牌直播间→复购靠天猫→推荐靠思域;对零售品牌来说,用户知道品牌可能靠本地流量→兴趣靠探店大人→决策靠点评背书→复购靠导购私域等。 用户对品牌从一无所知所致,到产生购买,再到产生真正忠诚和口碑,这一阶段时是品牌通过多渠道打通、多点融合、多能力积累的过程。 2. 货品策略 品牌要有“货盘矩阵”的思维,通过新奇特爆品、刚需大众品、目标囤货品、强洞察新品、区隔专攻品、长尾折扣品,满足多种用户购买需求。 从广义的货品角度来说,品牌除了从产品入口,内容也是战略级别的“货品”。作为品牌,需要提供真实、多元、美好的内容,以吸引用户的兴趣。而所谓的有价值内容,不外乎这两种价值:功能价值和情绪价值。 3. 场域策略 除了针对抖音电商平台内的三大场域(内容场、中心场、营销场),更要立足品牌和商家自身业态和模式,搭建适配目标用户旅程的全域场域链路AICR。 全域场域链路AICR,包括: A(触达场):包括内容种草的草场、实体零售的同城场,以及广告场(效果广告和品牌广告获客) I(互动场):包括内容平台的品牌阵地、用户群。 C(转化场):包括内容电商化平台的抖音/快手直播间,电商内容化平台的淘宝、京东和天猫直播间,以及电商社交化平台…

经常有客户向香港网页咨询,网页设计不就是文字和图片的组合吗?这有多难呢! 没错,网页的确包括文字、图片、视频、插画等元素,但是如果仅仅是将这些元素排在一起就是网页,那显然是不足够的。 Inspirroutlet解释,网页设计其实就是一个感性思考与理性分析相结合的过程,对版面、美感和体验都有着非常高的要求,而这些都需要结合目前最新的网页设计技巧,才能为网站实现销售目标做好铺垫。 【网页设计最新指南】2022年最受欢迎的网页设计技巧有哪些 网页设计技巧一:情感化设计 品牌想要与潜在客户拉近关系,情感化设计仍然是目前唯一的方法。 在网页设计过程中,将色彩、文本、图片等元素在情绪表达上保持一致,有利于和用户的快乐或悲伤相通,或巧妙地抓住用户所焦虑的点,让用户在进入网站的开始就试图建立信任感,赋予用户进行下一步操作的欲望。 网页设计技巧二:视频内容 文本信息已经没有以往那么具有吸引力,制作精良的视频内容已成为品牌网页设计的一大亮点。 视频内容不仅能够更快地表达,而且能更好地表达。作为一种主动输出的媒体模式,视频内容的优势非常明显。但品牌再制作视频内容时也必须注意,只有提供有意义的内容,才会让用户有浪费时间的感觉。 网页设计技巧三:渐变 渐变几乎可以用于所有的设计门类当中,而事实上,如今也越来越多设计项目正在使用渐变来呈现作品。 渐变能让色彩变得更加丰富、更有质感,同时也使得原本平淡的色彩,拥有几乎艺术化的表达。随着渐变色彩越显丰富,渐变的用途也变得更多样,而不是仅作为一种叠加图片的元素。 网页设计技巧四:数据可视化 近年信息图表是网页设计的又一热点,同时也是向用户呈现复杂信息和数据的最有效方法之一。 数据可视化不仅能为用户带来视觉愉悦感,结合动画或故事,还能让信息以更可信的方式呈现在用户面前,创造更高的转换率。 网页设计技巧五:UX设计的关注点更加细腻 随着网页设计技术的提升,用户对网站体验,已不单单是可用、好用,而是慢慢迁移到更加细腻的感知维度,例如内容是否真实、界面视觉和文本是否体现出对用户的尊重和关心。 因此,UX设计也逐渐成为网页设计的一大核心。如果网站的UX设计足够,不仅能更加精准地抓取用户的注意力,还能让产品和用户更容易联系到一起,给予用户足够的尊重感。 想品牌有更长远的发展,那么品牌网站设计除了挖掘出极具商业价值的设计外,更要兼顾时尚,吸引用户注意力,只要这样才能为品牌实现理想的目标,而这也是众多品牌设计网站的目的!

MENU
網頁設計公司