浅析卡牌交易网页UI交互设计的应用和发展-以卡淘网页设计为例

PAGE3PAGE4摘 要过去，集换式卡牌更多的仅仅只是被当做一种线下游戏，而现如今，集换式卡牌其所具有的更多属性已超过了其原本的“游戏”属性。就像是开盲盒有几率可以得到稀有的隐藏款，集换式卡牌也拥有其自己的一系列稀有度体系，正是这些稀有卡牌所具有的不凡价值，所以也成为了不少年轻人加入集换式卡牌的原因之一。集换式卡牌现在不仅拥有其原本的游戏价值，现在更多的是它的收藏价值。在如今网络发展迅速的今天，集换式卡牌也拥有了更多的交易渠道，其中最突出的就是现在高速发展的网络交易。人们可以在网上通过一系列网站去交易或交换自己所需要的或想要的卡牌，网页也是最主要的卖家和买家的交流方式，而一个网页UI的美观和便捷与否也是用户是否会选择该网页去交易使用相对重要的原因之一。网络卡牌交易是一个朝气蓬勃的行业，同时也不乏出现很多非常优秀的卡牌交易网页UI交互设计，但现如今有关卡牌交易网页的UI交互设计的应用和发展可参考的文献也是少之又少，相关的分析以及内容也是几乎很少。即使我国的卡牌交易市场处在一个飞速发展的时期，但是以目前的情况来说，我国的相关市场还是处在一个初级阶段，这也导致了我国的卡牌交易网页基本只注重其商业利益，对该方面相关的交易网页的质量并不关注。所以，针对卡牌交易网页UI交互设计研究就显得十分重要。本人将从卡牌交易网页UI交互设计的应用和发展的相关角度入手，以自身的实践项目为底层依托，在最大程度上做到理论与实践相结合，并结合在学校学习中积累的经验与知识，去探索关于卡牌交易网页的UI交互设计的应用和使用以及更好的发展，丰富其设计理论，提供可依据的参考原则。在网页UI交互设计等方面丰富理论，去提高其创新性，使卡牌交易网页的UI交互设计能够达到更高层次的完善以及优化。关键词：卡牌交易，网页UI交互设计

AbstractInthepast,collectiblecardsweremoreoftenthannottreatedasanofflinegame,butnowadays,collectiblecardshavemoreattributesthantheiroriginal"game"attributes.Justlikeopeningablindboxhasachancetogetararehiddenitem,collectiblecardsalsohavetheirownseriesofraritysystem,anditistheextraordinaryvalueoftheserarecardsthathasbecomeoneofthereasonsformanyyoungpeopletojointhecollectiblecards.Collectiblecardsnownotonlyhavetheiroriginalgamevalue,butnowmoreofitscollectionvalue.Intoday'srapiddevelopmentofthenetwork,thesetofcardsalsohasmoretradingchannels,themostprominentofwhichisnowtherapiddevelopmentofnetworktrading.PeoplecantradeorexchangethecardstheyneedorwantthroughaseriesofwebsitesontheInternet,andthewebpageisalsothemostimportantwayofcommunicationbetweensellersandbuyers,andthebeautyandconvenienceofawebpageisalsooneoftherelativelyimportantreasonswhetheruserswillchoosethewebpagetotradeornot.Onlinecardtradingisavigorousindustry,andthereisnolackofexcellentcardtradingwebpageUIinteractiondesign,butnowadaysthereisverylittleliteratureontheapplicationanddevelopmentofcardtradingwebpageUIinteractiondesign,andtherelatedanalysisandcontentarealmostrare.EventhoughChina'scardtradingmarketisgrowingveryquicklyrightnow,therelevantmarketinChinaisstillinaprimarystage,whichleadstothefactthatChina'scardtradingwebpagebasicallyfocusesonitscommercialinterestsonly,andpaysnoattentiontothequalityofthetradingwebpageinthisaspect.Therefore,itisveryimportanttostudytheUIinteractiondesignofcardtradingwebpage.IwillstartfromtheperspectiveoftheapplicationanddevelopmentofUIinteractiondesignofcardtradingwebpage,takemyownpracticalprojectasthebase,combinetheoryandpracticetothegreatestextentpossible,andcombinetheexperienceandknowledgeaccumulatedinschooltoexploretheapplicationanduseofUIinteractiondesignofcardtradingwebpageaswellasitsbetterdevelopment,toimprovetheunderstandingofhowtodesignit,andtogiveclearguidelinesthatcanbefollowed,principlesthatcanbebasedon.WewillenrichthetheoryofwebpageUIinteractiondesignandimproveitsinnovativeness,sothattheUIinteractiondesignofcardtradingwebpagecanreachahigherlevelofperfectionandoptimization.Keywords:cardtrading,webpageUIinteractiondesign

PAGE1绪论在过去，集换式卡牌更多的被当做一种线下游戏，而现如今，集换式卡牌其所具有的“潮品”或者“收藏品”属性已超过了其初始的“游戏”属性。就像是盲盒拥有稀有的隐藏款，集换式卡牌也拥有其自己的稀有度体系，这也是为什么会有不少天价卡牌出现的原因之一，而正是这些稀有卡牌所具有的升值属性，成为了不少年轻人购入卡牌的原因之一。相较于发达市场，我国的集换式卡牌市场则处于刚刚起步的阶段并且反响平平。但相较于此前已经引入的国外IP，如今不少发行商对也逐渐对国潮IP的兴趣增加，这让我国的集换式卡牌市场更是充满了更多的想象空间。课题背景及研究意义卡牌交易是一个朝气蓬勃的行业，同时也不乏出现很多非常优秀的卡牌交易网页UI交互设计，但就整个行业来说，好的作品也实在是凤毛麟角，而现如今有关卡牌交易网页的UI交互设计的应用和发展可参考的文献也是少之又少，相关的分析以及内容也是几乎很少。虽然我国的卡牌交易市场处在一个飞速发展的时期，但是以目前的情况来说，我国还是处在一个初级阶段，这也导致了我国的卡牌交易网页基本只注重其商业利益，对其相关的交易网页的质量并不在乎，有些网页甚至连最基本的UI交互原则也不具备。所以，针对卡牌交易网页UI交互设计研究就显得十分重要。本人将从卡牌交易网页UI交互设计的应用和发展的角度入手，以自身的实践项目为底层依托，在最大程度上做到理论与实践相结合，并结合在学校学习中积累的经验与知识，去探索关于卡牌交易网页的UI交互设计的应用和使用以及更好的发展，丰富其设计理论，提供可依据的参考原则。在网页UI交互设计等方面丰富理论，去提高其创新性，使卡牌交易网页的UI交互设计能够达到更高层次的完善以及优化。研究现状对于卡牌交易网页UI交互设计的研究，就现阶段而言最早是由国外的设计师设计出来，一路发展到现在，国外设计师早已经有了相对成热的理论知识以及设计经验。在早期界面设计这一概念还没有出现以前，国内长期以来从事界面设计的这部分人通常被称作美工，即我们现在所说的图形设计师，也就是说我们的界面设计仅仅是停留在美观的基础上并未包含交互设计的理念。目前，由于网络的迅速发展以及人们对生活各方面体验要求的提高，加上国外设计理念的流通，迫使国内各行业不得不做出调整，让人们从根本上对设计这一方面重视起来。卡牌游戏是在日本非常流行的一种桌面游戏，欧美国家也对其情有独钟，每张卡牌的设计都突出了欧美设计风格的真实感。现如今随着各国文化的相互交流，欧美设计师不再局限于写实风格，越来越多的设计师正尝试不同类型的美术风格。日本的夸张、韩国的Q版、中国传统的水墨风格都是非常经典的设计类型。在不久的未来市场中，区域化的美术风格也会将被替换为能被各国玩家所接受的卡牌设计风格。近年来，不断有许多精彩的论文从UI交互设计的角度对网页进行多方面的分析，并且国内已经有一些相关文献从多方面分析交易网页的UI交互设计，即使是这样，对于卡牌交易网页的UI交互设计分析的研究还是比较薄弱甚至于是很少，因此，本论文将会从卡牌交易网页UI交互设计的应用和发展的角度出发，对卡牌交易网页中的UI交互设计进行更多理论上的补充。研究内容第一点，解析卡牌交易与网页的基本概念和分类等。本文通过对卡牌交易的概念进行层层解剖分析，了解关于卡牌交易的相关发展历程与发展现状，并对交易网页的类型进行分类梳理，探索卡牌交易为什么发展的如此迅速的特殊性。首先，将会通过对网页UI交互设计进行概念上的解析，然后再对生活中各个网页的各方面的相关应用进行分析，最后汇总出整个网页UI交互设计是多种学科交错结合的产物的结论，再选择出部分理论进行着重分析。第二点，了解UI交互设计在网页中的重要性以及其意义。UI交互设计是网页与用户交流的基本平台和基本途径，网页通过UI交互设计和用户实现互动，揭示隐藏在网页下的UI交互设计的应用。第三点，具体细节的分析卡牌交易网页的UI交互设计与应用和发展。将通过对优秀网页UI交互设计的分析，从卡牌交易网页的基本布局等相关基础出发开始分析。通过查阅多方面资料以及文献，对卡牌交易网页界面的设计的一般方法以及通用交互准则进行分析，并对不同类型交易网页的UI交互设计的准则进行概述。第四点，通过理论指导实践，再通过实践验证理论。将基于收集到的资料，借鉴到的优秀案例，整理的理论文献的特定基础上，对具体的项目《卡淘》进行分析。以此来用理论去引导实践，再用设计实践去验证理论，做到二者能够相辅相成，以此去丰富卡牌交易网页的UI交互设计的应用和发展的相关理论依据。研究目标第一，补充有关卡牌交易网页UI交互设计研究的相关理论及内容的很少，使市面上有关于卡牌交易网页UI交互设计的研究更加成熟以及其相关产业链的内容得到更多的扩大，使其交互设计更加的人性化，更符合现在的用户需求，并做出改变和更多的优化设计，让用户可以更加快捷方便的得到自己所需求的以及完成自己所需要的。在美术上也做出相对应的修改，使用户得到更好的视觉感受。现市面上的卡牌交易网页UI交互设计的相关知识以及了解过于稀薄，以至于相关内容以及市场过于平淡，没有更多的关注。因此，将对于卡牌交易网页的UI交互设计的研究和相关理论，进行针对性的探讨以及补充，使其更加完善和丰富。第二，以实际的项目为例，使卡牌交易网页UI交互设计的应用的研究更加具有理论依据，并使其更具有说服性以及科学性。通过对卡牌交易网页UI交互设计以及相关的文献内容的研究，从更加直观和实际的角度出发，通过实践项目分析其在卡牌交易网页UI交互设计上存在的缺陷，并为卡牌交易网页UI交互设计的应用和发展打下理论基础。研究方法第一点，文献资料分析法。首先，将通过査阅各大网络上的书面资料，举例说明有以下典型的系统：中国知网、百度学术搜索、万方数据库等具有海量资源的电子文献学术资源检索系统（平台），以此来搜集和与本题研究相关的卡牌交易网页以及网页UI交互设计的应用与发展的相关文献资料，其中就包括但不限于：卡牌交易网页设计、网页UI交互设计、网页用户体验调研等方面的资料，并分析该题目在其领域内的研究成果如何，以此来进行分类总结，最终形成论文的研究思路。第二点，实际案例分析法。在所搜集到的相关文献的基础上进行分析总结，接着通过对大量卡牌交易网页UI交互设计进行详细的分析与解读，再选取典型的案例进行分析总结，最后提出对其具有一定建设性的建议。第三点，交互实践研究法。在所收集到的文献资料与现存的典型优秀网页案例进行结合，以此来分析《卡淘》网页的UI交互设计的应用和发展。

卡牌交易网页与UI交互设计卡牌交易的起源与发展卡牌交易的概念卡牌交换活动是卡牌收藏者们基于共同的兴趣自发组织的活动，其目的是为了丰富玩家自己的集换式卡牌游戏体验，通过玩家们互相交换卡牌来达成这一目标。这类游戏，通常被人们称为集换式卡牌游戏（TradingCardGame，简称TCG）。在这种游戏中，玩家们通过购买或者交换来获取各种不同的卡牌，这些卡牌构成了游戏的基础。玩家们需要根据自己所作出的决策，选择合适的卡牌来构建和组织自己的套牌，以方便在游戏中使用。由于每位玩家的套牌都是独一无二的，因此每一局游戏开始时的起始手牌都会有所不同，这种不确定性正是集换式卡牌游戏的魅力所在。在游戏准备和进行过程中，玩家需要不断思考新的策略，组织新的计划，以应对不同的对手和局面。通常情况下，这些卡牌具有一定的收藏价值，玩家与玩家之间可以通过交换来获取自己偏好的卡牌，以达成卡牌的流动。卡牌交易的起源卡牌交易到目前为止已经有接近150年的历史，最初是将其作为香烟、糖果等商品搭售出现，但随着体育赛事的影响力提高，其逐渐独立成为一种商品出现。在发展中，又因TCG（卡牌收集游戏）、电子交易、社交媒体、NFT等的出现，不断地丰富发展。最初的“交易卡”是与香烟一起包装的广告卡，目的是通过包装增加销售。在1860年代，棒球作为一项职业运动开始后不久，出现了棒球球星卡，通常以糖果或烟草产品的包装形式出售。接下来的几十年里，随着彩色印刷技术的普及，“交易卡”越来越受欢迎，各种公司都会将这些卡片插入产品包装中作为奖品。在1980年代，运动卡开始被视为是有价值的收藏品。随着运动卡片收藏的普及，公司生产了更多卡片以满足需求。更重要的是，人们开始后悔没有好好保存那些现在很有价值的童年收藏卡片，所以更多的人保存了他们的收藏，希望看到它们未来价值的提升。直到1990年代，出现了全新的事物：TCG（集换式卡牌游戏）。到了1993年，WizardsoftheCoast发布了第一款也是最经久不衰的集换式卡牌游戏：万智牌。除此之外，神奇宝贝、游戏王等动漫延申的游戏卡牌的影响力也逐渐从日本走向世界各地。进入21世纪，交易卡的发展越加迅速。INS、YouTube等社交媒体的兴起，为交易卡的普及提供了更好的条件。LeonHart、PokeRev和RandolphPokémon等YouTube用户发布他们打开宝可梦卡包的视频，并与他们的粉丝分享，这些视频往往有很高的点击量。如eBay等电子交易平台的出现让更多人可以突破地理的局限自由交易手中的藏品，并逐渐形成一个成熟的二级市场，确保了卡藏的保值性。除此之外，NFT交易卡以及新冠疫情也让人们更多关注到这个市场。据eBay公布的数据统计，在封锁政策期间，宝可梦等交易卡的销量迅速上升，卡牌交易也在不断地迅速发展其产业。卡牌交易的发展当前我国集换式卡牌行业知名品牌主要有有卡游动漫、集卡社、华立科技和云涌控股等，其中卡游动漫主要以从事动漫衍生品的行业，以“产品、内容、体验”为核心的全产业链布局，其公司的卡牌产品包括收藏卡和竞技卡这两大类。主要的IP包括但不限于：热门的超宇宙奥特英雄X档案系列、斗罗大陆系列、叶罗丽系列、经典的哈利波特系列、宇宙英雄奥特曼和经久不衰的漫威等。华立科技的业务涵盖诸多项目，其中热门的IP主要有奥特曼融合激战、宝可梦加傲乐等等，就在2023年的前三季度，华立科技的营业收入就已经高达惊人的5.95亿元，同比增长更是28.04%，归母净利润为甚至是4469.27万元，要同比增长了129.99%。融资方面，近几年来，集换式卡牌行业逐渐升温，各类IP的卡牌层出不穷，整个赛道火热，融资事件也是不断增多。我国卡牌行业与国外相比起步较晚，但在近两年发展迅速，数据显示，2022年我国集换式卡牌市场规模就达到了8.84亿元。而随着卡牌热度不断上升，卡牌种类也越来越丰富，特别是与文化IP相关的卡牌，就更加受到消费者的喜爱，就比如说以奥特曼卡牌为主的卡游和动漫，早在2020年的营收就已经达到了惊人的30亿元，净利润更是超过了10亿元。目前除本就从事集换式卡牌的企业之外，还有腾讯、阿里也对此行业进行了布局，比如在2023年，腾讯旗下的聊天软件QQ进行了一项卡牌业务的测试业务——“QQ集卡”，以此上新了许多的热门IP卡牌，让用户在线上购买拆卡商品，并支持将用户线上购买的拆卡商品，以实体卡的样式用快递的形式送到拆卡用户的手中的快递业务。而天猫也是在今年的七夕线上发布了一项名为“星动卡”的集卡活动，借此来吸引大量消费者的关注。卡牌交易的分类卡牌交易一般通过以下几种形式：线下交易，网络线上一对一交易，第三方平台交易，线下交易则是在线下进行购买，买家和卖家进行一对一的交易，出售或购买自己所需要的卡牌，进行交易。网络交易则是在网络上，买家和卖家通过网络支付的方式，进行一次购买或售出的交易，此方法更加方便快捷。第三方平台交易，则是于线下或线上，由平台给与一次交易的机会，在平台上进行交易，该方式更加具有安全性与保障，拥有其独有的保险机制，防止受骗或一系列后续不良好的事情发生，使其拥有一定的保障。UI交互设计的涵义与应用方式UI交互设计的涵义UI交互设计是用来定义和设计师构造软件系统的行为的一种设计领域，简而言之，就是把理论上的UI交互设计的核心思想体现在设计者实践运行的网页上的UI页面。UI交互设计是以用户为核心，密切关注用户的使用体验，了解目标用户的使用需求以及他们的使用期望，以此来设计更加有效且便捷的网页UI交互方式，使此时的网页UI界面更加的顺手和易用。换句话说，这也是为了让用户能够拥有更加舒适的使用体验，因而诞生出的一个专业名词。UI交互设计在网页中的应用方式网页的交互就是此网页从开始到结束的过程，也就是说网页从被触发到呈现结果的过程。使用者在网页的页面上通过点击按键等操作，以此对该网页上的事件进行触发，之后网页的页面就会对使用者进行的操作而触发的内容在页面上进行相对应的呈现。网页的页面被触发的画面通常呈现为三个时态：“默认”、“选择”、“运行”。因此，在网页上进行交互的过程中，设计师需要考虑清楚这三个状态呈现在该网页的页面上的形式，另外还需要再考虑和补充合适的动效，以此来针对用户的操作进行过滤或信息的反馈。对于交互形式，通俗点来讲，就是看得见，听的着的；对于“听”，自然就是在网页上配合一些音效，比如阅读时可以机器人朗诵、点击时会有音效发出，进入页面配合音乐浏览啥的；至于“看”，相对来说情况会有很多，主要分以下几种：第一种，颜色。第二种，文字。第三种，图形。第四种，动画。第五种，按钮。第六种，控件。第七种，模型。而网页的呈现不单单只有长页面滚动这一种形式，其实还有很多。因为电脑的便捷，使得网页的展示比移动端更加灵活，有以下几种典型的网页的内容呈现方式：第一种，上下长屏滚动。最普遍的页面布局方式，通过鼠标滚动来浏览网页；适合于浏览文章、博客等。第二种，全屏上下切换结构。页面固定在某一屏的内容，通过鼠标滚动，上下键切换形式展示下一屏。第三种，全屏向左右方向切换结构。同样是固定在某一屏的内容，通过向左右方向切换的形式展示页面。第四种，全屏幕页面的覆盖结构。全屏幕固定，页面通过覆盖式切换或跳转，或者通过鼠标滚动，深入浅出页面。第五种，自适应平铺结构。适合某一模块，页面在一屏内可以一个个的展开其他页面，一屏放不下也可以换行。第六种，三维场景结构。将内容3D化，通过控件将内容围绕的中心轴进行旋转。UI交互设计的发展与设计现状作为一个近几年来相对新起的专业设计门类，UI也就是用户界面，通常被人们广泛的用来指代用户与各种设备进行交互的界面，这其中涵盖了移动应用、网站、智能穿戴设备等等众多不同类型的界面。到现在之前为止，UI设计主要的关注点是如何对这些界面的可视部分进行优化和改善，用以提高用户的使用体验和界面的直观性。就目前而言，UI设计既没有归顺于平面设计，也更没有独立于其他的设计门派，甚至于UI设计目前还没有被写进到设计史里。现以时间顺序来看，UI的发展历程如下：第一阶段，萌芽时代。苹果于1983年崭露头角发布的Lisa电脑，到苹果在1984年推出的麦金塔个人电脑，搭载的就是其团队研发设计的SystemSoftware系统。MacOS系统自从推出之后到现在，已经经历了超过十代以上的更新。回顾这一系统的历史，苹果公司早期推出的"Lisa"电脑，尽管其在当时可能并没有被人们广泛认知作为UI设计的起点，但就以找你现在的情况看来，它的确可以被视为用户界面设计的早期探索。因为那时候苹果就已经有了初步的意识，就是去关注到用户在其公司产品在体验上的问题，并在后续的产品的屏幕上进行了有针对的设计。第二阶段，拟物化时代。微软在1990年推出的Windows3.0便已经开始有了网页页面元素的出现：浮雕和阴影，可以将其视为先阶段拟物化的开端。网页界面上的浮雕凸起和浮雕凹陷等各种各样的效果，就比如说用户使用鼠标点击文件夹界面其上的凹陷图案，微软公司就对文件夹实体的真实物理行态和动作状态模拟操作点压以及用户使用鼠标释放文件夹的物理效果，现在看来微软可谓是做到了极致。不过，在此之后微软公司并没有继续在其所擅长的UI材料质感和真实直观的拟物性进行更深层次的挖掘与开发，就只是基于老的UI设计中的体积与光影等方面进行简单的应用。第三阶段，扁平化UI设计风格兴起。以苹果公司首席设计师乔纳森·伊夫（JonathanIve）主导设计的IOS7其为代表，其标志着对用户界面视觉效果和感官体验的一次十分重大的革新。自其系统从2013年推出以来，IOS7系统的设计理念在科技和设计界和行业引起了十分广泛的关注与讨论。在这一代IOS系统中，设计师乔纳森·伊夫放弃了他先前的拟物化的设计手法，去除了传统的阴影和材质纹理效果，引入了更加简洁明了的平面设计元素，并且融入了具有现代感的毛玻璃效果。但也正因如此，推成出新的IOS7对设计界产生十分重大的影响，在IOS7之后所连续不断出现的诸如MaterialDesign或者Win10亚格力却都和乔纳森·伊夫的设计有着或多或少的联系。自此，UI设计浩浩荡荡的进入了扁平化的新纪元。第四阶段，百家争鸣。比如现在被称为年轻人的宠儿的小米公司所设计开发的米UI、魅族系列的Flyme和锤子科技研发的SmartisanOS等等众多十分受人们欢迎的UI设计风格。这些冉冉升起的新星就是被三家行业巨头（微软、Google、苹果）的影响下进入了各个企业百花齐放、百家争鸣的争奇斗艳的环境。目前为止，我国的UI交互设计发展还是不够完善，仍然有大部分的人认为UI交互设计就不过是简单的界面美术设计而已，只是对各式各样的设计软件进行简单的利用罢了。但是，在我们的实际现实生活中，UI交互设计不仅仅是作为设计师们利用各类设计软件进行简单的各类软件的设计界面的美术，而是将UI交互设计与网络制作设计相结合的产物，只是为了让用户在使用软件界面与网络界面之间能够形成更加强力而有效和便捷的交互罢了，使用户可以也因此可以更加快速和更加简单上手的进行操作。但与此同时也出现了一个典型的问题，就是在网页的设计过程中，由于大部分的设计师只是单纯的注重界面的外观设计，就导致了目前UI交互设计的发展停滞不前。UI交互设计在卡牌交易网页的重要性以及意义一个网页中的良好的UI交互设计，既要做到可以帮助卡牌交易网页获得更好的快捷性与美观，又要做到可以帮助一个卡牌交易网页获得更加良好的客户流量，让一个卡牌交易网页得到更加大量的交易量，帮助卖家和买家在卡牌交易网页中得到更加方便快捷的使用，以加速交易的成功，并可以稳定大批量的客户去使用该网页进行卡牌交易，从而不会选择其他的交易网页进行交易。它拥有着保存客流量、吸引潜在用户、加速交易达成等重要意义，这些意义是十分重要的。

卡牌交易网页UI交互设计的应用和发展卡牌交易网页UI交互设计的现状以及特点截止目前为止,在我们国内UI交互设计对大部分人来说还依然是一个不怎么熟悉的词，即使其对于那些专门从事设计行业的设计师们来说，也有一部分人对这个词是半知半解。在日常生活中,我们经常能看到一些企业的招聘广告上写着一些例如:招聘网页的页面美工、网页的页面美术设计师等招聘信息。这也表明了在我们国内,对于UI交互设计的理解仍旧还停留在网页的页面美术设计这方面,单纯的认为UI交互设计的工作就不过是简单的描边画线,最主要的还是缺乏对使用者对网页交互的重要的理解。在另一方面,在各类软件或网页的开发途中,还存在着看重设计师的开发技术而不看重应用的现象。这也导致了许多企业认为,在软件的产品开发过程之中技术力是其核心的要素，而用户界面（UI）的交互设计常常被视为仅有辅助性质的元素，这一点可以在相关人员的配置和薪资酬劳待遇上明显看出。然而，这些因素并不意味着UI的交设计的价值仅限于此等，在实际上，这只是其发展过程中的需要经历的一个阶段。就以手机行业为例子，当第一代手机产品进入市场时，不仅仅价格十分昂贵，而且除了最基本的通话通讯功能外，几乎并没有其他具有特色的功能。这也是因为在当时的手机市场，人们主要关注的是手机的硬件相关技术，企业都纷纷将主要资源和时间投入到提升例如手机信号、手机的电池续航和耐用性等等方面，而相对于手机的外观设计和用户界面的用户使用友好性等等软件相关层面的特性，则鲜有企业重视。放眼现在，现如今的手机的开发技术已经完完全全的达到了使用者的需求,于是商家们便为了制造自家卖点,提高自家产品的竞争力,便把关注点放在了手机产品的外观设计上,除此之外,许多企业还接连推出了短信、彩屏、彩信、摄像头等等一系列产品作为自家手机的核心竞争力。这样一来,手机产品的卖点就已经不局限于硬件，而美观、易用、人性化等等特点便都成了该手机产品的额外卖点。以当前的现状所展现的状况，软件产品的发展和实体产品的路径非常相似。观察过去，由于计算机硬件条件的限制，软件相关的开发往往更侧重于编码，从而忽视了用户界面的美观性和用户交互的直观性。在那个时代，软件更多地被看作是程序而不是今天我们所理解的具有综合性的软件产品。然而，自2007年苹果公司推出的第一代iPhone手机以来，UI交互设计的重要性在不停的提升。根据目前最新的就业市场数据调查所知，我国对于UI交互设计师的需求正在急速上升，目前我国大约有40万的相关职位空缺。现如今随着人们对互联网上的各类产品应用的使用体验感的提升来看,早于2018年的UI交互设计就已经成为了各个企业开发产品关注的核心之处了。截至目前为止，我们国内许多从事UI交互设计行业的设计师也不全都是专业的科班出身,或者是专门从事网页页面的美工亦或是平面设计等等专业设计行业转行而来,致使大部分的设计师缺乏对交互UI设计规范的深入了解以及UI交互设计的专业技能培训。倘若这些非科班的设计师想要提高自身的综合能力学习更多UI交互设计的规范,其途径和方法现在多的是,而其中最快捷和有效的方法就是找一个靠谱的UI设计培训班,进行全面而又系统的学习UI交互设计。特点：第一条，简单易学：UI设计的目的是为用户提供最佳的使用体验，设计师应该尽可能地考虑用户的需求，尽量简化操作方式，做到让用户一眼看懂、轻松易用。第二条，一致性：在设计UI时，应保持页面元素、图标、字体等的一致性，保证整个页面或应用程序的统一性。第三条，可访问性：UI设计要考虑到用户的差异，包括视力、听力、运动能力等方面。在UI设计中应注意颜色、音效、字体大小等问题。第四条，引导性：UI设计应该按照用户的需求和常规设计完成，让用户在操作时感到顺畅自然。第五条，可预测性：用户在进行操作时，需要可以预测到操作的结果，UI设计师应该根据用户常规的使用方式来设计应用程序或网页。第六条，简洁性：UI设计要力求简洁、明快，过多的装饰和复杂的元素只会让用户产生疲惫感。卡牌交易网页UI交互设计的方法第一条，设计师应尽量去使用该网页合适的默认值，减少用户在该网页上进行额外的操作。因为设计师在设计过程中适当的使用该网页的默认值和该网页的页面所事先预制设计好的表单和字段，不仅仅大规模的减少其本身的工作难度和工作量，还可以减少给使用者带来的工作量。单就在节省使用者宝贵的使用时间这一点而言，这是一种非常常见和让使用者接受度高的做法，并且这也可以帮助使用者快速的填好表单或者完成该网页的注册信息。第二条，遵循使用惯例，设计师应尽量去避免重复的造轮子。在网页UI交互设计中，遵从使用惯例跟第一条中提到的网页页面的一致性准则其实看起来很相似。如果设计师遵从了网页UI交互设计中的一些约定俗成的惯例，那么使用者使用该网页起来就会很方便。相反，与使用者使用不一致的和没有遵从约定的设计惯例，则会提高使用者对于该网页的一定量的学习成本。的确也正是因为有了网页UI交互设计中的这一些约定俗成的使用惯例,使用者们才会不用详细思考就本能的认为该网页在大多情况下，其右上角的叉图案的用途是用来关闭用户当前在使用的程序或是网页的。使用者也能够大致的预测到其在点击了一个按钮之后，网页会发生什么样的事情。当然，这些惯例也是会有伴随着时间的推移有过时的时候的，也就是说在使用者同样的操作下，这些使用惯例也有可能被淘汰亦或是被赋予其全新的含义。但作为设计师千万要记住的是，当我们在尝试去在网页的页面使用中去打破那些常规的惯例时，一定要做到这些操作的目的是明确的，并且出发点一定要是好的。第三条，让使用者觉得他的操作是可以避免失去而不是获得。每个人都喜欢着成功的感觉，没有哪个人会愿意去失败，这也是人之常情，就如人们常说的捡了芝麻丢了西瓜。因此一般绝大多数的人们都会更顷向于先保留现阶段自己所已经拥有的东西，反而不是先去尝试去的自己不知道的新的利益。同样的，这一理论也同样可以适用于现在的各类产品的产品设计和产品推广。尝试告诉使用者你的产品会帮助他们维护他们的利益、社会地位等等，要好过告诉使用者这个产品会给他们带来一些他未曾拥有的未知东西。第四条，在网页的设计中，采用更加富有层次感的图形化元素常常比简单但单调的文字描述更为有效。设计师通过巧妙的运用层次关系，可以清晰地区分出网页上的关键内容和次要内容。为了更进一步的增强网页设计的层次感，我们可以考虑以下几个方面的运用：对齐方式、不同区域之间的间距、色彩的搭配还有字体大小的调整等等。当设计师合理地运用这些设计手法时，就可以显著的提高网页的可读性。对于使用者而言，相较于一看就知道的直白网页设计，一个层次更加分明的网页设计更能吸引使用者细致地浏览与阅读。第五条，将所有有一定关联性的东西进行分组，避免该网页的页面的无序和杂乱无章。将网页的页面上的各个功能项进行分组再进行合并，可以大大的提高该网页的可用性。举例来说，大部分的人都知道西餐使用的刀叉是放在一起使用的，就比如电脑上的打开文件和关闭文件也是放在一起的。设计师通过将网页上功能相近的即有一定关联性的元素放在一起，这种做法同样也是符合使用者的使用逻辑的，更是符合人们在日常生活中对该事物的认知。卡牌交易网页UI交互设计的作用网页上的UI交互设计是展现一个企业形象、产品介绍、服务介绍、体现企业发展战略的一种重要方式。视觉美观是网页UI交互设计的最基本的原则之一。UI设计师首先需要使自己设计的UI作品能够吸引到浏览者的注意，这就要求设计师的UI设计能力是要能够巧妙灵活的运用视觉对比和色彩调和的关系、图形的对称和平衡关系、留白等等不起眼却至关重要的设计技巧，再通过网页各各区域或划分的模块之间的空间、文字、图形三者之间的相互联系，这样才足以建立起该网页整体的一个相对均衡的状态，以此来确保整个网页的页面效果的协调性。UI交互设计更多的是表达设计师本人的意向和要求，有些网页只需要使用简洁明了的文本信息作为其UI的设计即可，而有些网页则需要使用更多的表现手法和设计。网页UI界面设计的整体性包括内容和形式两个方面。网页的用户界面设计主要包含概括了诸如标志（LOGO）、文字文本描述、图像的展示以及动画的效果等视觉相关的元素。从UI布局的角度来看，它所涉及到的有网页的整体结构和不同内容区块之间的排布方法。对于一款优秀的网页UI设计来说，内容和布局的完美结合是其核心的特征，并且在表现形式上要符合主题的需要，还要确保页面上每个元素存在的必要性，具有使用者优先的观念。网页UI设计的目的就是要吸引用户去使用该网页，所以无论什么时候设计师都应该谨记以用户为核心的设计理念，以此去简化该网页的操作流程。依靠网页界面的美观可以吸引来浏览者，但是，该网页是否能够真正的留住用户们靠的是其界面中的各种功能设计以及其操作流程的长短。随着现今社会发展的速度的加快，人们的生活节奏也是在不断的加快，渐渐的不再对周围的一切都感到兴趣以及关注，网络上那些平平无奇或者是缺乏第一视觉冲击力的产品，必定是要泯然众人矣了，无法吸引到大量用户的。总而言之，网页的UI交互设计可谓是整个网页的血肉。无论是该网页中简单的动作交互，还是各个模块的构思，都离不开网页的UI交互设计。网页UI交互设计的意义在于通过各种各样的视觉形式来表达设计师的情感、思想和观点，以及正确的传达该网页的信息和营销理念。它可以帮助用户更好地理解和接受该网页上的各种各样的信息，从而提高对该网页上的产品的认知度和用户的参与度。网页上合适的构图形式对于该网页上页面的主题表达也同样是必需的，设计师会再通过结合色彩、融合各种各样的设计因素的方法，以此来营造该网页的主题，以及营造出该网页给用户们的整体氛围。现阶段网页的主题设计元素丰富多样，可谓是丰富且复杂，但其也具有非常显著的设计特点，就比如说：系列化、多样化、整体化等，因此设计师要从网页的整体上去把握该网页具有的复杂的设计因素，并对相关的部分模块进行总结、提炼和整合，因此来得出象征网页主题性设计的设计方法。卡牌交易网页UI交互设计的局限性现阶段，网页UI交互设计也存在着一定的局限性，就比如布局单一、内容信息过载、新手引导不足等等。对新用户来说，网页没有明显的引导提示容易让用户不知道从何入手，这会大大的削弱用户对该网页的积极性，从而把握不住各类用户的留存，致使用户没有良好的使用体验，该网页也无法实现下一步的转化。同时，针对于不同的平台网页UI交互设计之间也存在着明显的差异，这也是设计过程中需要考虑的一项重要问题。网页UI交互设计中对于时间的把握需要达到平衡，慢则损，快亦伤。将用户主动操作的时间分布进行优化，减少各单位时间内需要完成的任务，即时的反馈用户的操作，让用户能够掌控系统。再利用动画、文案、必要的操作提示等等诸多信息，以此来减少用户被动等待的时间。考虑用户在使用网页或APP的使用情景，以此来进一步的优化内容布局，突出重点，让操作更加的顺畅丝滑。卡牌交易网页UI交互设计的发展随着国内移动互联网和其他许多新兴互联网产业的快速发展，产业的规模不断扩大，UI交互设计已然成为近年来非常热门的行业，交互设计、用户体验、界面设计、虚拟现实等岗位越来越被企业重视，很多企业更是加大了对网页UI交互设计和该网页的使用者的使用测试的投入。在我看来，很大的原因是因为UI交互设计在就业和未来发展前景上具有无限的潜力，诸如目前国内大热的搜索引擎、营销类网站等，在互联网平台对UI交互设计的需求量更是巨大无比的。

《卡淘》网页UI交互设计的分析与实践《卡淘》网页概述《卡淘》是国内最早开展球星卡交易业务的平台之一，历经多年发展和数次更名，如今是头部交易平台。达咖则是国产球星卡发行商，先后发行过中超、CBA等联赛球星卡，在市场上具有一定影响力。《卡淘》CardHobby成立于2015年3月，目前是球星卡的收藏交流网站与球星卡交易APP平台的服务的提供商，其长期专注于球星卡的收藏、交易、《卡淘》网页在互联网上的平台维护和运营以及解决方案的研发，致力于成为更加热门的中国专业的球星卡收藏交流社区和球星卡交易平台。秉承着为用户创造更加便利、安全、合规、快捷的交易环境的宗旨，《卡淘》推出了在网页端和APP端等被广大用户使用的平台产品，并不断地追求着各类技术的创新与服务的提升。《卡淘》市场定位据统计，全球集换式卡牌游戏市场早在2020年的规模就已经达到了相当可观的111.3亿美元，并预计全球集换式卡牌市场在2027年的市场规模还将会继续扩大，预测将扩大到惊人的312.6亿美元，使其市场份额的复合年增长率为15.9%，并仍将保持着非常高的增长速度。2020年日本的纸牌游戏和集换式卡牌的市场规模就达到来1222.4亿日元（约合71.71亿人民币），占据了日本玩具市场规模的14.79%，2014-2020年的复合年增长率更是为5.80%。《龙珠》为1986年东映动画制作的电视动画，《宝可梦》系列首部作品为1996年任天堂发行的GameBoy掌机游戏，此后于1997年改编为同名电视动画。虽然宝可梦、龙珠两大IP的历史丰富度与人群认知度不及奥特曼，但是在全球范围内具备更高的商业化能力，其中龙珠为万代南梦宫最受海外用户喜爱的IP，FY2021龙珠IP衍生品海外销售额占全部IP衍生品海外销售额比例达49%；宝可梦则为全球累计收入最高的IP，据统计，截至到2021年1月为止的宝可梦IP已经创造了累计至惊人的1000亿美元的可观收入。由此可见，龙珠、宝可梦在范围更小的粉丝群体中创造了更多价值，意味着两大IP的粉丝拥有更高的粘性与更强的消费意愿，此类硬核粉丝热衷于收藏IP衍生品，为IP向卡片产品延伸提供了优质的用户基础，也将卡片受众范围由儿童拓展至“大儿童”。国外较为流行的集换式卡牌品牌，就比如说具有代表性的：万智牌、游戏王集换式卡牌、宝可梦集换式卡牌（PCG）等等，在我国却仍就处于刚刚起步的阶段。而就这近两三年而言，我国的集换式卡牌市场也是出现了许多以卡游、集卡社、华立科技等为代表的优质企业或卡牌品牌，现如今已经是以肉眼可见的趋势在迅速成长，而前三者更是成为了我国内在这个卡牌市场中的龙头企业，但这三者的定位、产品和销售渠道都存在着显著的差异。当下的卡牌市场的第一名和第二名之间无论就营业收入而言，还是市场份额而言，二者的差距都是非常的巨大。但也正因如此，也说明了，我国的卡牌市场其实还有很大的发展空间。并预计在未来的卡牌市场里，再有个三到五年的时间，就会涌现出一批优秀的卡牌企业。《卡淘》网页UI交互设计分析《卡淘》网页是以现在的18岁到30岁的人群为主要受众群体，《卡淘》网页针对其主要用户群体所处的年龄端所拥有的特证进行设计，其主要用户群体具有对个性化展示的需求、对于具有活力元素的好感、快节奏的生活方式等特点。向着具有鲜明特点和脱颖而出元素风格的页面进行设计。因此，在网页的页面设计上设计师会更多的考虑使用高饱和度的色彩进行色彩搭配，或者是用经典的灰色和一些具有时尚感的色彩去调和网页的页面风格。设计师对网页的功能进行有效的整合，使其具备实用、娱乐、交互体验，以此来满足年轻群体足不出户的网购需求，以及对年轻群体对产品品质和艺术的追求。《卡淘》网页的受众群体以年轻群体为主但其男性占了绝大部分，所以将男性的年轻群体作为该网站的费的主要受众群体时，网页的页面中会出现更多的代表着强硬的汉字形象，其中加粗的字体会运用的更为频繁，使其在该网页的页面上的视觉冲击力更加的明显，且笔画更为厚重而有力，节奏更加分明，富有强大的张力，以此给人更加大气、简洁、硬朗的感觉。《卡淘》网页的页面版式是在科学和艺术的基本原则上，对该网页的页面中的文本和图形进行一定的排列，使这些图形和文本的布局在网页的页面中产生了秩序感。这设计不但符合浏览者们的视觉审美规律，并且也是符合网页的页面秩序美感的设计规律。《卡淘》网页页面的秩序感设计，强化了给使用者带来的视觉感受，设计师在网页页面设计中的应用不仅增强了网页的秩序性，更是让整个网页的页面和布局层次更加明确、商品重点更加的突出，大大的提升了使用者对该网页页面的视觉好感，更是让使用者对该网页页面上的内容与区块构成能够更加轻松的了解，极大的增强了使用者阅读该网页的便利性。图表SEQ图表\*ARABIC1《卡淘》网页主页展示图表SEQ图表\*ARABIC2《卡淘》网页商品内页展示应用研究总结《卡淘》其具有的良好的布局能够快速、有效地帮助用户迅速的找到想要的目标和内容，并在整体外观上给用户视觉上的享受。因此，一个合理的网页页面布局能够更加清晰地展示UI交互页面设计中的各项元素，并且明确它们之间的重要性。首先，用户首要注意到的区块被称为焦点区，这通常包括有着核心地位的LOGO、Banner等重要网页元素，它们负责呈现具有明确代表性的关键内容。其次，视觉流设计也应基于网页的UI交互任务，并考虑到大多数用户的使用浏览习惯，用以确保信息的逻辑性和流畅性。也就是要去引导使用者们能够更加清晰化的、合理化的、顺畅化的、自然化的按照设计师所预想的顺序，去关注网页页面上的相应的区域。用户在操作网页的过程中，通常会通过采取从左至右和从上至下的浏览顺序，所以《卡淘》网页在具体的设计中，能明显的看出来有更多的考虑用户的使用习惯，减少了用户在使用网页的过程中进行多步的操作。在网页UI交互界面的视觉设计中，经常存在设计师通过大量的增加使用功能，但却导致了网页UI交互界面的布局的合理性失效的情况，而《卡淘》网页却没有出现。而当出现此情况时，设计师可以通过考虑先将不常用的功能进行隐藏，致使该网页的UI交互界面布局能够更加的干净整洁，以此来方便用户，让用户可以更加快速的找出其所需要的功能，并能够对该网页可以快速的掌握，因此大幅度的降低了网页的使用门槛。《卡淘》网页的整体页面美感是通过设计、配色、媒体等呈现的内容来实现的，缺一不可。任何一方面的不足，都会影响到整个《卡淘》网页。网页UI交互设计呈现出的秩序感，对该网页上的信息的传达有着至关重要的作用。在当今社会上，秩序感的设计早已与网页UI交互设计融为一体，更是早已成为了进行信息传达的基础设计法则。它不仅符合人类视觉上的一系列观感，同时还能够给用户带来无比优质的交互体验感。

卡牌交易网页UI交互原创设计案例设计思路和定位设计师将整个网页的页面色调和气氛通过色彩的搭配不同，网页所呈现的页面效果以及给使用者的感受也是截然不同的，所以色彩对网页所想要呈现的效果和气氛是极为重要的。无论什么样的色彩或多或少都具有影响或改变人们的情绪和心情的作用，并且有一定概率可以唤起人们的情感，然后再借此产生共鸣的作用，例如：当人们看到蔚蓝的天空和一望无际的大草原时，人们则会感到非常的舒服和惬意，心情更是无比的放松愉悦。反之，当看到被工业化污染的天空和过度放牧导致的黄沙飞扬的情景时，便会感到难过和压抑。所以，网页首先要从色彩上吸引用户的注意。现阶段，几乎所有的品牌都在年轻化。也就是说，设计师在强调设计调性时一定要有时尚感，色彩搭配在其中就起了非常关键的作用。就现在的年轻一代而言，他们从小就能够接触到的事物是与前几代人所不能相比较的。如今互联网强势的崛起，更是让现在的大部分的年轻一代的眼界和审美的门槛变得越来越高了，而针对于这样的一类人群，就要求设计师们所产出的内容是具有一定的高品质和高颜值的。现今这代人讲究的就是一个个性和自我，如果所有人的东西都是一样的，那肯定是满足不了这代人心里的欲望的，所以多彩的个性化风格就显得格外有必要了。就需要设计师去突破自身对固有风格的局限性，并不断的尝试既符合着甲方定位并且具有一定创新的设计风格。设计展示图表SEQ图表\*ARABIC3网页的主页展示图表