是否在为新网站寻找灵感?本文准备了最好的小企业设计案例。HostGator美国分销主机将介绍八个小企业网站设计示例。它们易于使用，令人难忘，并且适合移动设备，而且都是WordPress主题。因此，如果认为某个主题可以作为网站设计的基础，只需下载，然后安装在网站上，自定义并上线。

网店的设计实例和技巧

有关如何设计导师/咨询网站的例子和技巧

设计机构网站的例子和技巧

实体店网站设计实例与技巧

访问商店是一种完整的体验，美丽的建筑和贴心的销售代表总是有助于销售。一些小企业正是通过向社区提供这样的服务而脱颖而出：一个客户可以始终感到受欢迎的空间。

如果这听起来像自己正在经营的企业，会希望在线存在能够实现两点：

• 传递相同的感觉就像访问实体店
• 邀请潜在客户访问

考虑到这一点，网站设计应该是完全可定制，它应该以商店和产品的大型高质量图片为特色。

作为参考，看看ThemesKingdom的Phenomena。Phenomena是一款极简主义主题，鼓励平静和愉快的浏览。它的特点是产品图片的全幅幻灯片，结合干净和宽敞的产品网格。产品页面为产品规格提供了足够的空间，所有元素都会随着页面的加载而逐渐消失。

大约81%的客户都会在购买前进行在线研究。因此，即使对于超本地化企业，如健身房、餐厅或水疗中心，拥有在线存在是明智之举。

如果属于这一类企业，要确保主题与预订插件兼容，这样用户可以注册并支付服务，而无需离开网站。

如果正在寻找灵感，可查看PixelGrade的Rosa Lite。Rosa Lite是一款为餐厅设计的免费主题，它甚至有样本”菜单”页面。但可以很容易地将其应用于自己的业务，无论是瑜伽中心还是健身房。无论经营什么业务，都可以从这个主题中学到如何战略性地使用几张图片来分享整个体验。推荐阅读：《用户体验设计原则：每一款成功移动应用的基石》

没有实体店?看看这些小企业网站设计案例。

想给潜在客户传达什么信息?很可能想让他们知道，销售的产品非常棒，物有所值。如如何将这一信息传递出去并将他们变成客户，在访问者从未在现实中见过产品的情况下?

没有实体店的情况下，销售实体产品的企业应该特别注意产品的摄影和信息，并将令人惊叹的高质量产品照片与详细准确的产品尺寸和构成信息搭配起来。

小贴士：如果能不惜重金制作产品图片，就去做吧。即使是用他们高质量的营销材料转售顶级品牌的产品，创建自己的产品照片也会向潜在客户展示经营业务的合法性，是一个创造自己的品牌的专业经销商。

根据利基，可以考虑运行一个公司博客，以及一个在线商店。通过创建自己的指南，是在创造机会让潜在客户找到自己，同时与竞争对手区分开来。

如果正在寻找包含在线商店和博客的小企业网站设计示例，查看这些主题：

Techne是一个WordPress主题，有一些令人兴奋的特点。例如，当把鼠标悬停在一篇博文的预览上时，”阅读更多”的标志会逐渐消失。主页的特点是为产品图片设计的全幅幻灯片，背景为浅色。该主题还包括 “Lightbox”，用户可以放大每张产品图片的细节。

Woostify是一款经典的主题。它有美丽的细节，如圆形按钮与微妙的色调和其他小细节，使它不同于同类主题。它的结构是非常典型的网店结构，让广大用户易于浏览，博客也遵循了这个原则。如果说能从这个主题学到什么东西，就是保持简单最重要。推荐阅读：《网站设计实践：如何优化用户流》

导师/顾问网站设计实例和技巧

好的导师和顾问很少能用照片来展示。所以，网站通过推荐信、案例研究、优秀的内容和优雅的设计来激发信任是关键。

如果是一名导师或顾问，网站应该讲述故事，并定位为能帮助客户实现目标的合作伙伴。传达价值时，也要包括客户的声音。社交证明很有帮助，所以在设计中给它一个特权的位置。

作为一般规则，保持句子简短和难忘。其他部分的每个结尾都要有明确的CTA，并确保CTA按钮很容易识别。

确保在每个页面上，所讲述的故事都遵循逻辑的发展。例如，主页的结构可以如下：

• 主要部分：独特价值主张是什么?
• 问题陈述：客户有什么困难?客户在苦恼什么?
• 方法：能做什么来帮助他们成功?
• 结果：推荐和案例研究
• 联系表格

为了获得灵感，查看这两个主题：

Excitor是顾问网站的坚实基础。它很优雅，有色彩的点缀和微妙的动画。包含了构成优秀顾问网站的一些关键元素——例如，推荐旋转木马和定价表。

Consulting在微妙的动画和色彩的战略使用上也是如此。它的布局比Excitor的更容易预测，所以对于初学者来说，它可能是更好的选择。推荐阅读：《如何通过有效的网站设计提高电子商务的销售量》

在线机构网站设计实例和技巧

机构的网站应该在个性和中立之间取得平衡。不会希望网站很普通，但它不应该掩盖客户的工作。确保菜单始终可见，并花时间规划联系页面。因为在最后，那是希望用户去的地方。

如果不知道该往哪个方向走，可以看看这些非常不同但设计精美的例子：

Breton很有冲击力，也很大胆，有交互式动画和非常规的导航元素;这是独特网站的完美例子，它不会把注意力从工作中转移开来。如果想把自己定位为具有前瞻性思维的规则打破者，这种主题很理想。

Chaplin是一个完美地遵守了每一个规则的免费主题。它的中性排版和宽敞的布局传达了效率和简单。这种主题是想保持中性的机构的完美选择。

应该自己设计网站吗?

本文分享了八个小企业网站设计案例，以激发新网站。作为一个新的企业家，可能负责业务的好几个方面，比如人力资源和营销。

虽然WordPress明显对初学者友好，本文分享的主题也是如此，但有时没有时间也没有设计技巧来DIY网站。

也许正在考虑设计网站，因为网站设计可能昂贵，网站成本高达数千美元。但如果没有高大上的设计预算呢?推荐相关阅读：《设计对话框以提升UX用户体验》

任何推广文案——无论是广告、邮件还是网站文案，其唯一目的就是引导读者走向那个闪亮、互动、最常见的是矩形的可点击UI元素，即按钮。Call-to-action(CTA)按钮不仅寄托着每个营销人员在转化技术上取胜的希望，同时也是一种有可能体现品牌形象的心理效应。一个单纯的按钮怎么能做到这一点?CTA按钮作为任何用户界面中最关键的元素之一，可以通过它的智能设计来传达复杂和优雅。hostgator美国独立服务器为您介绍如何设计更好的按钮。

长话短说——有效的CTA按钮最基本的目的就是要有点击价值。CTA按钮在形状、大小和信息传递的基础上与他们相关的最终目标有所不同。继续阅读，以了解一些简单的设计技巧，并充分利用这些点击磁铁。推荐阅读：《用户体验设计原则：每一款成功移动应用的基石》

一：让它们可发现

由于长期接触与特定颜色相关的特定形状，人们的思维往往习惯于以特定的方式对它们做出反应。对颜色和形状的认知有能力影响人们的心情和情绪。传统的CTA按钮最好是一个水平的矩形。虽然尝试用抽象的形状来表示按钮可能有点过于雄心勃勃，但这不应该意味着坚持使用老式的矩形。

涉及到颜色时，建议设计师为按钮使用对比色，并坚持使用可以轻松识别为按钮的形状。尽管如此，在安全的范围内对它们进行调整，使它们看起来更有现代感，绝对是一条安全的道路。例如，设计师可以尝试柔化角或弯曲矩形的边角，使按钮看起来更时尚。推荐阅读：《设计对话框以提升UX用户体验》

二：增加一些阴影

按钮存在于不同类型的设计中——立体设计、镂空设计、平面设计和落影设计等。光与影的相互作用激发了设计的灵感，使它们看起来更有生命力。为按钮添加一个柔和、模糊的阴影，使其更具深度和突出性。然而(这是一个相当重要的 “然而”)，很容易过度使用这些光影效果。设计师们倾向于添加一个又一个的效果，而没有停下来思考这些效果是单纯的好看还是真的有必要。所以，添加阴影，但要保持微妙。最好的做法是将阴影的颜色与按钮的颜色相匹配，不透明度保持在40%以下，并且让阴影比按钮更小。

三：在需要的地方设置强调

人们在扫描网站内容时，通常按照Z型模式向下滚动。相邻放置的按钮也是如此。希望网站访问者点击的按钮必须朝右侧放置。那是用户目光的终点和停留的地方。对于垂直堆叠的按钮，将高优先级的按钮放在底部更有意义，原因和上一句话说的一样。

如果将这些高优先级的按钮放在左手边或者顶部，会扰乱读者的自然扫描方向，最终影响读者的注意力。设计师一般也会使用幽灵按钮来阻止用户点击这些按钮。

四：让图标帮点忙

按钮不一定要在一个纯色的长方形上写两个字。就像图片一样，图标也可以说出千言万语。文字按钮除了文字之外，完全可以利用图标。不，这并不意味着在太小的空间里添加了太多的东西。它只是意味着正在使信息更加强调。然而，确保不要过度使用颜色。必须确保图标的颜色与文字的颜色相匹配。此外，可能会偏离那些有颜色填充或太多细节的图标是安全的。同样，关键是保持简单，坚持使用轮廓图标。推荐阅读：《网站设计实践：如何优化用户流》

五：记住8点规则

给按钮留下一些呼吸空间。避免在按钮周围留下过多或过少的空白。理想的方法是遵循8点规则。本质上，8点法则规定，设计中的所有元素，包括高度、宽度以及周围的空间，都要遵循8的倍数。 可能会想知道为什么是8?答案是大多数流行设备的平均屏幕尺寸大多数是8的倍数。因此，以8为增量来缩放设计(尺寸和间距)有助于保持所有设计元素的一致节奏。反过来，这也确保了所有网站页面的一致性。有关这个概念的更多信息，可以阅读这里。对于相邻放置或垂直堆叠的按钮，在按钮的所有侧面保持相同的8点距离。

既然谈论了空间，设计师也必须记得密切关注字母间距。根据字母的密度，保持文字每个字母之间的最佳间距，以保证阅读的方便性。

六：按钮存在于不同的状态中

当然不是指地理上的! 但重要的是要记住，任何CTA按钮都会经历不同的外观状态——闲置、悬停和点击。充分利用视觉效果，如添加水滴阴影、发光效果、颜色变化等，可以帮助实现这些状态之间的区别。很多品牌都在UI按钮设计的这一方面推陈出新，这将是令人惊奇的发展方向。

这些只是让按钮在网站页面上真正大放异彩的众多方法中的一部分。但无论按钮设计得多么好，都要归结为两个最终的要求——位置和信息传递。如果文案已经把网站访问者带到了一个他/她已经准备好做出决定的地步，但是按钮的间距太远而无法触及，或者更糟糕的是，它没有说出让他/她点击的恰到好处的话，那么就失去了交易。

按钮设计得不好，会有一百种情况。然而，设计师只能通过试错来学习。为了让学习之旅更加轻松，我们会继续推出更多这样的UI设计专用文章。推荐相关阅读：《UI和UX之间的三个重要区别》

如果有人从过去的时间旅行到2020年，他会对移动用户体验设计过程中180度的进化感到惊叹。他们可能会对基于语音的用户体验感到惊讶，或者会对人工智能在该领域的范围感到不知所措。但是，有一件事他们会发现是一样的。有猜到是什么吗?无非是用户体验设计原则。因此，保持同样的考虑，hostgator美国虚拟主机将在下面讲解

这些年来，各种功能、技术和工具已经被取代或处于消亡的边缘。但是，基本的用户体验设计原则还是和以前一样。

知道了这点，如果是打算在今年踏入用户体验领域的人，毫无疑问熟悉这些原则至关重要。推荐阅读：《如何改善用户体验？【上】》

指导移动应用用户体验设计的八原则

1.无杂乱界面

每个应用都有一个首要目标。他们针对终端用户的某个痛点，并为其提供解决方案。

但是，由于竞争的日益激烈，设计师们经常会在他们的计划中引入许多其他的功能和特性。

然而，有时应用设计师会在同一个应用屏幕中引入多种功能。这让终端用户感到困惑，导致与主要功能相比，次要功能(不那么重要的功能)的点击率更高。

为了应对这种情况，最好的方法是制作一个无杂乱的界面。意思是，在一个界面中引入有限的可操作的东西。在下面分享的图片中，可以清楚地看到这一点。推荐阅读：《如何改善用户体验？【中】》

　2. 个性化

人们都喜欢能带来个性化和特殊感觉的东西。这一点毋庸置疑。同样的心理也适用于用户体验设计的情况。

当设计的用户体验能够让用户快速、轻松地执行某个动作时，他们就会爱上应用。相反，如果它很繁琐，他们就会退出平台，并分享负面反馈。

所以，个性化的用户体验是另一个需要注意的主要内容。这意味着，探索如何将不同的技术(如预测分析、机器学习和地理位置)整合到应用设计过程中。

看一个例子：

正如在上面的Netflix应用截图中看到的那样，它通知并鼓励用户从他们离开的地方继续他们的应用互动。或者更好的说，继续观看他们留下的内容。

此外，利用机器学习的力量，应用了解用户喜欢的内容类型，并显示类似的内容。这样，就能增强他们对应用的体验，以及，提高应用的KPI。

3. 不要急于注册

会遇到很多直接要求注册的手机应用，不给用户探索应用的机会。这是否会在用户心中留下一个好的应用印象呢?

个人而言，会立即离开这样的应用。

为什么会有用户在不知道该应用提供的功能是什么，是否都值得注册之前，就白白注册呢?

这就是为什么UX设计师又必须遵循注册过程可有可无的原则。

给新用户一些时间来探索移动应用并熟悉它时，他们会对应用表现出更多的兴趣。这可以降低应用卸载率，增加用户转化的机会。推荐阅读 ：《如何改善用户体验？【下】》

4. 避免过度的权限

的确，访问用户数据的权限为了解用户、提供个性化体验打开了一扇新的大门。

但可惜的是，由于数据泄露案件的不断增加，用户已经变得有意识了。他们防止对设备上的相机、照片、联系人等项目给予权限。

在这种情况下，保持两者平衡的理想方法是只要求相关权限。

再举一个例子。

VSCO，一款照片编辑应用，每当用户想要点击图片时，它只要求访问相机。它不会询问访问联系人，或其他内置设备应用的权限。这保证了其他信息的安全。

5. 关注用户目标

由于桌面应用和移动应用本质上的不同，所以需要实现的目标也不同。例如，用户在桌面应用/网站中想做的事情，并不是他们在移动应用中想做的事情。

所以，不要让用户在使用移动应用的同时，还能使用桌面应用的功能，让他们感到无所适从。他们会更喜欢有选择性的东西，也就是说，比如说用户在使用一家餐厅的应用——他/她只想查看菜单、预约、提前下单，或者只是获取路线。其他的信息都是次要的，可以显示在其他地方，而不是在主屏幕上。推荐阅读：《设计对话框以提升UX用户体验》

6. 为手指设计

那些鼠标指针与应用互动的时代已经一去不复返。如今，随着触屏设备的出现，用户通过手指与平台进行交互。

在这样的情况下，我们又必须明白，人的手指大小因人而异。所以，针对不同的手指大小进行设计是正确的做法，可以带来更多的交互机会，并提高应用的转化率。

同样，在创建app用户体验设计的同时，投资手势也是获得更高效果的方法。

7. 只有相关通知

俗话说：”过犹不及”，滥用推送通知会从更高的转化率漂移到更高的卸载率。

所以，接下来每个新手和有经验的用户体验设计师都需要注意的原则是，发现推送通知的数量多少才够。这样一来，可以防止挫伤用户，同时让用户的动机得到满足。

8. 有效的下线

既然已经为整个流程的UX设计付出了这么多的努力，那么，以积极的姿态结束它同样重要。

这意味着，添加UX元素，向用户传递积极的氛围，即使他们已经执行了必要的行动或正在停用/删除他们的账户。这将提高他们在未来重新访问应用程序的机会。

虽然还有许多其他的用户体验设计原则，如与排版、颜色和速度有关的内容，但这些都是在制作创新移动方案时需要考虑和实践的基本原则。

所以，建议UX移动设计师参考不同的指导手册，不断尝试原生元素，参与不同的社区，最终带来更好的机会。推荐相关阅读：《网站设计实践：如何优化用户流》