2019.06
在互联网的世界里，映入浏览者眼帘的会有各式各样的商务网站，对于商家而言，要达到商业目的，网页就要有吸引浏览者眼球的网页元素来呈现信息内容，也就是通过网页来展示商家的产品及成果信息，彰显商家的内涵，提升商家形象，重要的是通过电子商务活动能使商家的利润增长。要使以上目的得以顺利实现，网页前端界面设计师就必须把握好商务网页设计的基本原则。就商务网站的网页前端界面设计的基本原则，展开探讨。
1明确商务网站的目标和用户需求
设计师必须明确建站目标和用户需求，设计之初,
设计师应具备网页前端界面设计的技术积累，并有动态了解当前网站及网页的新潮流、新技术的习惯，在此基础上，应积极与业主(即商家)沟通，顷听他们的诉求，结合目标用户的需求、商家的特点、市场的情况、流行的因子等因素来综合调研分析，并经合作团队的反复论证，做出切实可行的项目任务书。项目开展后，进行设计时，要有顾客就是上帝的理念，切忌单纯以艺术角度为中心，而应以用户为中心来进行网页前端界面的设计规划。其中，重点就是注重用户需求，如潜在用户想要什么，想用什么，他们的关注热点在哪里，作为商家能提供什么的产品与服务，用怎样的页面形式来表现才能满足要求等，这些因素在建站之初商家与设计师必须考虑清楚。只有明确了建站目标与用户需求，就能够准确地确定整个网站的主题，
这样，才能为网页前端界面的设计的成功打下良好的基础。
2把握好网页界面设计的一致性与变化性
网页前端界面设计就是网页的页面设计，讲究布
局与内容编排。网页页面设计，就是用文字、图形等
网页元素的组合构成网页，通过设计师的艺术表达，从而设计出优秀的网页。一个网站是由数十张乃至数百张网页组成的，一致性就是秩序，遵守这个秩序就是通常说的要风格统一。但是如果每个网页过分统一也会降低可读性和吸引力，要使网站的网页在保持整体风格一致的前提条件下有变化，设计师就要处理好网页前端界面设计中的一致与变化的这对矛盾体，使之有机统一。
关键就是要围绕网站的主题，首先做好主页的界面设计，保证主页本身的鲜明突出、要点明确，主页界面设计形成了风格特点，才能谈其他页面的一致性。在网站中主页、分主页及其他对应的页面中，它们之间是有内在联系的，设计时必须要呈现出来，要在守好一致性的秩序，处理好各页面的风格及内容的内在联系的基础上，才去艺术地、合适地活用变化性。比如，利用网页特效的形式来进行在线营销时，要想既叫好又叫座的话，即又要达到预期的营销目的，又能呈现最佳的页面视觉效果，就需要设计师的经验，要科学合理地、有艺术水准地去进行整体的规划布局。如需要推介某件商品时，有商品的名称、
型号、功能，还有价格等参数，如何将这些枯燥的参数让客户能主动去了解，这时就要考基金项目：广西高等教育教学改革工程项目，以职业能力为本的“网页前端界面设计”课程项目化教学研究与实践(项目编号:2013JGB412)。
作者简介：周海，男，学士，副教授，研究方向：计算机应用类课程的教学；吴小莹，女，学士，讲师，研究方向：计算机应用和数字媒体技术。收稿日期：2019-04-10
基于商务网站的网页前端界面设计的基本原则探讨
周海，吴小莹
（北海职业学院，广西北海536000）
摘
要：在商务网站的网页前端界面设计过程中，作为设计师要设计出商家、客户都满意的商务网站，就应该遵循商务网页设计的基本原则，就在网页前端界面设计中的基本原则：对明确商务网站的目标和用户需求、把握好网页界面设计的一致性与变化性、彩搭配的和谐性、掌控好网页元素的调和性与对比性、用好字体原则、多媒体元素及网页特效的合理应用等方面进行了探讨。关键词:
商务网站；网页设计；基本原则；探讨
161
2019.06
量设计师的功力了，是采用简洁的文本信息、华丽并有吸引力的图像、多媒体表现手法，还是直接用网页特效呈现，这些都需要设计师周到的考虑，目的就是要登录网站的浏览者有舒服的视觉体验，流畅的操作，来促成登录浏览者购买行为的成功。
整个网站的网页前端界面的布局应该在做到主次分明，突出重点；导航清晰，浏览便利，布局合理，逻辑性强的前提下，做好相对保持一致且有合理的变化，即把握好一致性与变化性。另外，作为设计师，
在页面具体的规划上，还要注意一些小细节，比如对于一个页面宽度，尤其是主页，左右不宜拖动，最好是一屏的宽度；而页面高度，上下可以拖动，但不宜过长。
3彩搭配的和谐性
关于彩，其实早就有科学家证明了这点：人们对
彩是非常敏感的，人们会对不同的颜会产生不同的生理反应。彩在一定的条件下能刺激和吸引人的视觉。由于人的年龄、性别、学历、社会阅历、职业、社会地位、兴趣爱好及习惯等的不同，就形成了人们千差万别的审美情趣，作为设计师，进行网页前端界面设计，就要根据要求的不同，创造出各具特彩搭配，来满足各种不同人的审美需求。
当浏览者打开一个网站，浏览网页的时候，往往不会是先看其他网页元素，而在直觉上，首先关注的应该是彩。作为网页前端界面设计师，要从艺术的角度去重视彩搭配，要了解彩的特性，学会与彩沟通，体会彩的奥秘，人们常说，只有把创意融入彩设计里，设计才有灵魂。一个设计，肯定包含3个元素：彩、图像、文字，其中最重要的就是是彩。而一个好的页面设计，肯定会有好的配方案。
配方案即是彩搭配，可根据网站的设计目标、主题、使用人设计出不同的配方案，配方案的
选择往往是决定网站成败的一个关键因素。作为设计师，通常通过不同颜来呈现网站风格定位，表达情感和意图。一般的配原则是：整个网站的系要保持一致；若商家有企业视觉形象识别系统(CIS)，网站就应该使用商家原有CIS 颜，来体现商家的文化形象；尽量使用浏览器支持的216个Web 安全颜；遵循三原则：除了黑和白以外，主要颜不要超过3种；网页元素应该选择与网站主体相一致的调；图像的颜应该尽可能少，减小图片尺寸。
4掌控好网页元素的调和性与对比性
网页元素一般有：标志(Logo)、导航条、文本、
图像、表格、表单、超链接、多媒体元素等。这些元素通过网页界面设计有机地组合在一起，构成了网页。使这些权重不同的网页元素放在一起，让它们和谐地融合，通过页面布局组合成页面，而页面之间的风格也能一致协调，这就是人们常说的调和性。为了使不同的页面中网页元素搭配协调、架构一致，就需要调和。
页面由网页元素构成，它们的重要性各不相同，一些元素之间是有关联的，但有些是没有关联，如何让对比性发挥作用，让它们在页面中有效地、自然地表达出来，这就需要设计师的用心。在一个页面中，可以在某个区域利用二个或二个以上的页面元素产生对比效果来吸引用户，但如果所有页面的元素都作同样处理，页面会变得单调无味。就像人们平时所说的，会审美疲劳，用户浏览内容时会很快跳转他网
站的页面，留不住浏览者的访问。所以作为设计师，在页面设计时也要用好对比性。
作为设计师，页面引入元素时要充分考虑调和性与对比性原则，在进行网页整体设计时，设计师要充分考虑商务网站的设计初衷，网页元素在页面布局中如何规划，页面间的设计如何体现它们之间的联系，这些都很重要，是考量设计师的功力，网页元素的合理使用，视觉的吸引，整体合理布局，设计师都要充分考虑，用心设计，比如，页页布局中，常见的网页布局形式有:“厂”字型、
“口”字型、对称布局、
“同”
(或
“国”)字型、POP 布局、“三”字型等，使用哪种形式，设计师就要根据商家设计目标和用户需求充分考虑，结合上述的调和性与对比性原则，进行合理的选择与规划。
5用好字体原则
网页中最基本的页面元素是文字，作为设计师，必
须遵循好字体原则：正文英文字体:Time New Roman/Ar⁃ial；正文中文字体：宋体,12像素或14像素；特殊效果字体应放在图像中，如带有特效的标题上、广告条等;
段落行文本不宜过长，不要横跨整个浏览器窗口；改变页边距、行边距和颜增加字体效果；字体在整个网站中保持一致性，同类型的数据或信息应使用同一种字体。6多媒体元素及网页特效的合理应用
在网页前端界面设计中，设计师总喜欢在页面中加
入多媒体元素，如动画、影片等，或直接应用网页特效，以丰富动感和流媒体特有效果，来吸引住浏览者的
162
2019.06
的数据以折线图的方式描述植物生长环境的变换。图6为植物生长信息图与生长环境变换折线图。3.3社交平台管理系统
社交平台管理系统为用户提供一个植物种植经验交
网页界面设计的原则有哪些?
流的平台，丰富用户的种植经历，同时通过用户经验的分享，获取更多植物生长环境的信息。用户可以在社交平台分享植物生长动态，其他用户可以相互借鉴该植物的生长环境并相互探讨。为激发用户种植植物的兴趣，具有共同爱好的用户可以通过社交平台进行交流，进一步探讨植物的种植方法。服务器在提供社交平台的同时，对用户分享、交流的数据进行收集，将有利于植物生长的经验、数据进行处理，并推送给其他种植此植物的用户，提高植物种植的成活率。为防止用户恶意破坏社交平台的功能，系统为管理员提供用户管理权限，一旦监测到用户发布无关信息，管理员有权收回用户社交权限，保证社交平台的平稳运行。
4系统测试及结果
智能垂直绿化系统测试分为硬件部分与软件部分:
硬件部分主要通过主控芯片在单机条件下模拟输入相关指令与植物生长环境检测系统是否进行相应的调节措施，获取正确的植物生长数据。为保证整个系统的稳定性，测试之前必须保证各模块能正常独立运行，相互兼容。硬件部分测试包括植物信息采集准确性、植物外设驱动正常、视频数据传输的稳定性等；软件部分测试是在系统各模块正常工作条件下，测试服务器、硬件终端设备、客户端之间的数据传输是否可行、稳定、准确。
考虑到植物生长数据的采集是本系统的核心部分，因此重点测试在不同植物环境下检测服务器获取的植
物信息的准确性、植物实际生长环境超过系统设定的阀值时系统是否采取相应的环境调节措施。模拟不同的植物生长的温湿度、二氧化碳浓度数据，结果显示系统能够稳定、正常运行。
5结语
智能垂直绿化系统通过收集植物生长环境信息，将
数据传输到远程服务器进行处理、存储，以图表的形式呈现在客户端。本系统打破传统绿化的模式，实现绿化的自动化、智能化、个性化。当用户忘记对植物的实施管理措施，本系统也会实时监控并自动调节植物生长环境，远程客户端可实时查看植物生长信息，具有较高的生态性、实用性和社会价值。
参考文献
[1]贺奕尧，王楠琪，姜卫兵.垂直绿化在城市园林建
设中的应用现状及对策研究[J].湖南农业科学,
2018,(07):74-77.[2]王淘尘.智能灌溉的垂直绿化装置设计[D].北京工业大学,2016.
[3]郭劲恒.基于垂直绿化的室内模块式植物幕墙设计
研究[D].华南理工大学,2017.[4]STM32扩展软件简化物联网设备安全部署[J].今日电子,2018,(06):72.
[5]孙圣哲，张红雪.植物生长调节剂实用技术[J].
吉林农业,2018,(18):65-66.
注意力。随着HTML5+CSS3的应用，网页特效使用日益丰富，作为设计师，越来越喜欢使用最新的网页特效，特别是在商务网站中的页面应用越来越广泛。现在一打开电子商务网站，各网站的页面上呈现的都是网页特效下的比拚，比谁的新，谁的酷，谁的实用。在页面中无论加入网页特效，还是加入多媒体元素，都要有个度，应用要合理，合适为度，要把握页面中元素与页面整体的动与静。不宜应用过多，以免造成喧宾夺主。作为设计师，要合理地应用多媒体元素与网页特效。
7结语
在商务网站的网页前端界面设计过程中，设计师必
须在不断地学习中前行，在实践中点点滴滴地积累经验，去研究、有意识地运用这些网页前端界面设计的规律，不断地完善商务网页设计的基本原则，追求一种和谐的单纯，把美的形式规律同网页设计结合起来，才能设计出商家、客户都满意的商务网站。
参考文献
[1]刘丹.网页设计的原则与要求[J].盐城：盐城
师范学院学报(人文社会科学版),2016,(5):
97-99.
[2]王玉芹.浅谈网页设计的基本原则[J].北京：中
国科技投资,2013,(10):84.[3]刘艳丽.网页设计与制作实用教程[M].3版.北
京：高等教育出版社,2015.
(上接第125页
)
163

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。