理论教育 UI界面设计|计算机工程导论

UI界面设计|计算机工程导论

时间:2023-11-24 理论教育 版权反馈
【摘要】:在UI设计的时候首先就要考虑主色调的问题。这都是需要UI设计师一点点抠细节地画出来的。

UI界面设计|计算机工程导论

UI(User Interface)就是用户与界面的关系,在确定产品的需求与功能后开始着手UI界面设计,UI设计时应根据产品的特性进行设计,设计时应考虑以下几点要求:

1.主色调选择

根据产品特点及用户需求,考虑要用什么主色调,比如同样是团购,糯米用的是桃红色,而美团是黄色。在UI设计的时候首先就要考虑主色调的问题。

2.配色和辅助色用什么颜色

在考虑到产品气质和品牌色的同时,经常要考虑配合衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如邻近色、对比色等。

3.图标画成什么风格

同样是设置、发现、首页,不同的App在基本结构一致的情况下也有很多细微的差别。要用圆角的Icon还是直角,是用面还是线形?比如:同样是腾讯的产品,手Q和微信的Icon就完全不一样,其原因是产品面对的人群不同,手Q更偏年轻化。同样,陌陌、来往、易信的聊天Icon也是不一样的。这都是需要UI设计师一点点抠细节地画出来的。

4.易操作性

界面设计要简洁大方,针对不同的用户群体(消费者、商家、平台运营管理)设计不同风格的界面,使得用户操作简单,使用方便。

5.商业色彩

电子商务平台UI设计应具有商业色彩,例如首页视觉设计、广告位的设计、商品展示的设计等,电商平台不仅是线上交易的平台,也是产品宣传的平台。

6.分层次模块设计

界面设计应根据模块分层次进行设计,例如首页设计、二级列表页设计、三级商品详细页界面设计,使得用户在浏览或操作时具有层次感。

7.PC端电子商城UI界面设计效果图(见图6-19~图6-22)

(www.daowen.com)

图6-19 首页设计效果图

图6-20 商品列表页设计效果图

图6-21 商品主页设计效果图

图6-22 商品详情页设计效果图

8.手机端电子商城UI界面设计效果图(见图6-23~图6-25)

图6-23 首页设计效果图

图6-24 商品列表页设计效果图

图6-25 商品详情页设计效果图

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈