借鉴参考网页时,应先确认它解决了什么读者任务,再拆解信息顺序、视觉表达和交互条件,最后判断企业是否具备相应资料。适合借鉴的是可解释的设计思路;整页照搬容易带入不属于自身业务的承诺、内容结构和素材依赖。
把喜欢的地方定位到具体任务
浏览参考页时,先用一句话写出其访客要做的事。例如了解某项服务、比较产品,或者找到联系信息。再问自己公司的访客是否同样需要这个任务。若用途不同,漂亮页面也可能只适合借鉴局部的阅读节奏。相关操作可参阅《设计源文件、开发源码和版权归谁?合同中要分开写》。
记录“喜欢首屏”,仍然过于宽泛。可以进一步写成“标题让我立刻知道业务”“图片解释了操作过程”“下一步入口用词清楚”。这些记录将参考变成能讨论的问题,也有助于设计方提出更适合的方案,而不必重复别人的表现方式。
不要把屏幕截图当成全部证据。条件允许时实际展开菜单、浏览内页并在手机上查看,确认哪些吸引人的表现需要特定交互或内容长度。静态图可能没有显示等待、长文、错误提示等状态,参考分析应明确观察边界。

用三个检验决定是否保留
第一是资料检验:参考页面的效果是否依赖大量摄影、视频或授权评价?企业若没有同类素材,就要找可用替代,而不能先要求相同视觉再补资料。第二是任务检验:模块是否帮助访客作出本企业需要的判断?没有作用的模块可以舍弃。相关操作可参阅《企业网站代码是否规范怎么判断?结构、类型、样式与可维护性》。
第三是维护检验:运营人员以后能否更新这类内容?复杂图文拼接可能需要每次重新出图,而企业只安排一名编辑维护文字。应将这个差异提前告诉设计方,选择更容易维护的结构,或明确额外制作工作由谁承担。
假设一个参考页用滚动动画逐段介绍设备原理,另一家企业只有服务介绍文字。可借鉴的是“按理解顺序逐步解释”,而不一定采用同样动画。把内容改成短段与步骤说明,仍可能完成任务。

给设计方一份带理由的参考包
参考包不必追求数量。选取少量差异明确的页面,分别说明要借鉴的对象、使用原因、不能沿用的部分以及本企业已准备的资料。若喜欢一个页面的导航、另一个页面的文字层级,应分别记录,避免给出互相矛盾的整页要求。
标注原网页地址只是方便讨论,不代表素材已获授权。客户标志、照片、图形及原创文案不应直接搬入自己的页面。对于通用布局,也要依据自己的内容重新安排,尤其不要照搬他人的案例、评价或业务数字。
与界达设计工作室(JVDS)沟通网页设计参考时,可以提供上述参考包,并请团队解释每项选择如何服务企业访客。参考分析是需求输入的一部分,实际设计与开发交付内容仍应按项目确认。

借鉴完成后做一次反向核对
拿初步方案逐项检查:即使删除参考截图,团队是否还能说明每个主要模块为何存在?如果解释依然是“那家网站也这样做”,该模块需要重新讨论。成功标志是内容、入口和视觉都有来自本企业任务的依据。
再让一位未参加设计讨论的人完成指定查找任务,记录他在哪里犹豫。这个小范围观察可以发现理解问题,但不能当成全面用户研究或转化提升证明。根据实际问题调整,比继续增加参考页面更有用。
常见问题
同行业网站是不是更值得参考?
同行业页面有助于观察术语和资料类型,但不代表结构适合本企业。应同时核对服务范围、客户角色和内容库存,避免采用自己无法提供的模块。
喜欢某家网站的颜色,可以直接使用吗?
可以讨论配色思路,但应结合自己的品牌识别和阅读要求重新设计。若颜色组合会让访客误认品牌,或正文与背景难以辨认,就需要调整,不能仅凭参考画面决定。
需要设计或网站建设服务?
界达设计工作室(JVDS)是一家专注数字产品体验与品牌表达的专业设计工作室,为国内外希望提升品牌形象、优化用户体验并推动业务发展的企业,提供清晰易用的UI/UX界面设计、高品质网站设计与开发、APP与小程序开发,以及统一鲜明的品牌视觉设计服务。
如果你正在规划企业官网、外贸网站或官网改版,欢迎带上目标客户、现有网站和待解决的问题,与我们沟通。