中文字幕一区二区三区在线中文-日本中文字幕 在线观看-欧美日韩国产亚洲综合-性色AV一二三天美传媒

廣州總部電話:020-85564311
廣州總部電話:020-85564311
20年
互聯(lián)網(wǎng)應用服務商
請輸入搜索關(guān)鍵詞
知識庫 知識庫

優(yōu)網(wǎng)知識庫

探索行業(yè)前沿,共享知識寶庫

淺談網(wǎng)站交互設計

發(fā)布日期:2024-11-18 10:49:56 瀏覽次數(shù): 1270 來源:普升
01
交互设计的基本原则


优秀的设计师提供愉悦的体验。体验非常重要,因为它可以让单个用户在网站中的访问时间更长,也就意味着网站可以展示更多内容给用户。最终,网站很好地完成了它的使命,即最大化传播了企业数字化品牌形象。

交互设计,并不是经验的产物,而是一套有迹可循的设计方法。通过多年的作业经验总结起来,可以归纳为以下几点,即示能、意符、映射到反馈和概念模型。

关于这些概念,我们推荐大家阅读《设计心理学》中的相关内容,内容清晰易懂,可以很好地帮助从业人员快速掌握商业设计的价值要点。


02
从交互设计谈网站建设


网站作为企业对外的信息传播载体,无论是门户网站,还是业务网站,无论网站的用户是B端,还是C端,良好的交互设计一直都是用户体验的必要基础。

以北汽集团门户网站建设为例,首页第二屏的品牌展示区域,用户希望我们可以拿出一套完善的方案,既能清晰有力地展示出所有品牌,又可以体现出精致创意的美感设计,最后还需要为后续品牌的增减做好扩展性的方案,不能因为增加或减少了品牌数量,版面就失去了完整性。

商业设计最大的魅力在于,它是有限制性的,人们需要在有限的空间下去发挥才能,让神来之笔变现出浑然天成的魔力。

最终我们拿出了以下方案来匹配客户希望解决的问题。

第1点:整体布局,在规整有序的大背景下,加入不规则元素,进行整体视觉渲染。比如将蜿蜒的山路勾勒成车背后的红色线条,以此来做交互背景点缀。这时,当各个品牌的汽车映入眼帘时,更具真实的场景代入感。这种感觉与真实的场景,在千丝万缕的联系中,带给用户自然合理的切入感。

第2点:设计文字组合布局,以“品牌logo+宣传语+概要文字”的组合形式进行整体呈现。设计手法,运用文字字号大小不同与颜色差异,来体现层次逻辑观感。以红色圆圈作为跳转进入内页的交互按钮,与当前模块的其他红色元素进行呼应,以达到该模块的视重平衡。

第3点:在该屏的最右侧呈现品牌logo墙,借助后端程序的函数算法,以整个屏幕的高度作为常量A,以品牌数量作为变量B,将A÷B的值作为logo所在区域的高度C,再通过响应式算法将logo等比例在高度C的约束下进行自适应展示。

第4点:将logo默认的效果,通过前端CSS样式进行默认加灰处理,当鼠标移入单个logo区域时,让灰色样式消失从而呈现出logo的本来效果,提升交互设计在视觉层面的清晰状态变化。

以上方案的四个细节点,可以有效地解决客户提出的几点问题。最终,客户在听取了我们的汇报方案后,也欣然通过了这版方案。


優(yōu)網(wǎng)科技,優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應服務商

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務" 的經(jīng)營理念,誠信務實的服務了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!

優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用(手機站APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應用服務。


我要投稿

姓名

文章鏈接

提交即表示你已閱讀并同意《個人信息保護聲明》

專屬顧問 專屬顧問
掃碼咨詢您的優(yōu)網(wǎng)專屬顧問!
專屬顧問
馬上咨詢
掃一掃馬上咨詢
掃一掃馬上咨詢

掃一掃馬上咨詢