【牛刀小试】——浅谈UI设计

简介: 【牛刀小试】——浅谈UI设计

引言


最近正在学习牛腩新闻发布系统中的页面设计,对以前感觉非常神秘的网页设计有了那么一点点的了解,就在这时候米老师安排九期的师姐给我们上了一节课,这对于我来说算是想什么来什么啊。师姐讲解的还是比较深刻的东西,对于没有真正接触UI设计的人来说还是不能了解哪些名词的,像div、css等!可以说师姐讲的非常的成功,受到了米老师的高度赞扬!下面我就来谈谈到底什么是UI设计?为什么它越来越受到重视?


 

UI设计是什么?   

20150322162655788.jpg


简单的说UI设计是指的用户界面的设计,但是真正的UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。


所以说UI设计并不是我们像我们想象的那样——单纯的就是设计出我们认为非常漂亮的图片,而是需要我们很多方面综合考虑来进行研究和设计的,需要研究界面。研究人与界面、需要揣摩使用者的心理等。


UI设计为什么这么火?


20150322162956723.jpg

首先UI设计并不是简单的网页设计,UI设计师的工作内容包括:负责软件界面的美术设计、创意制作;根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计;对页面进行优化,使用户操作更趋于人性化;维护现有的应用产品;收集和分析用户对于GUI的需求等。所以,UI设计师可以说是兼具美术设计、程序编码、市场调查、心理学分析等诸多方面的综合能力。


现在在IT界对于UI设计这方面的人才非常的欠缺,最近这几年尤为凸显,从UI设计师的年薪我们就可看出他们是多么的稀缺,那么到底为什么他们会这么重要呢?因为现在随着技术的进步,人们审美水平的提高,同类的软件不在独一无二,而是有大量的相似软件在市场上进行竞争,功能的实现已经不能成为某个软件的商业壁垒,所以为了能吸引大量的用户来使用自己的软件 ,我们不得不进行人性化的设计来吸引用户。


UI设计的几大原则


20150322163235135.jpg

1、一致性


既然是以客户为中心,设计的产品界面,一定要简洁、直观,操作方便。不需要太多的思考,就能够正确的使用此系统,看下说明书就行,不需要培训


2、简易性


界面的简洁是要让用户便于使用、便于了解产品、并能减少用户发生错误选择的可能性


3、灵活性


简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄、界面)。


4、强烈的视觉层次感


在每一个界面我们都让用户我们层次非常的分明,使用起来比较舒畅,不能将所有的主体都混为一谈,这样让用户使用起来感到非常的恶心。


5、人性化


高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。


6、................


其实在UI设计的过程中还有很多的原则是我们需要注意,这些原则都是我们在项目中慢慢摸索出来的,所以并不是一些死的东西,而是需要我们在实践中不断的探索,不断的进步。


小结


师姐在讲课的时候说过,对于我们从娃娃开始抓起,感觉这句话非常的有深意,的确如此,因为我们好想总是不怎么我们的界面的设计,无论是B/S的项目还是C/S项目我们总是关心我们的功能多么的强大,我们的代码是否恰当但是不怎么关心界面的问题,虽然说我们在工作的时候有人专门做美工,但是我们要想立足必须了解的更多,所以我们应该从娃娃开始学起!!!!

目录
相关文章
|
8月前
|
SQL 安全 数据库
浅谈YashanDB三权分立
三权分立是将DBA职责划分为不同管理角色,通过互相制约和监督提升数据库安全性。YashanDB内置多种角色(如DBA、AUDIT_ADMIN、SECURITY_ADMIN等),各具专属权限。通过参数`ENABLE_SEPARATE_DUTY`控制开关,默认关闭。开启后,管理用户系统特权受限,普通用户及对象特权不受影响。示例展示了角色创建、权限分配及操作测试,验证了三权分立对数据库安全的增强效果。
|
前端开发 开发者 UED
前端只是切图仔?来学学给开发人看的UI设计
该文章针对前端开发者介绍了UI设计的基本原则与实践技巧,覆盖了布局、色彩理论、字体选择等方面的知识,并提供了设计工具和资源推荐,帮助开发者提升产品的视觉与交互体验。
|
12月前
|
移动开发 前端开发 JavaScript
HTML5 Canvas5
Canvas 的渐变功能允许在各种形状上(如矩形、圆形、线条和文本)应用自定义颜色渐变。通过 `createLinearGradient` 和 `createRadialGradient` 方法可分别创建线性和径向渐变。渐变需定义两个或更多颜色停止点,使用 `addColorStop` 方法设定。最后,将渐变对象赋值给 `fillStyle` 或 `strokeStyle` 并绘制形状即可实现渐变效果。
|
缓存 安全 Java
Java中的线程安全问题及解决方案
Java中的线程安全问题及解决方案
|
人工智能 前端开发 JavaScript
前端自给自足UI设计稿?(Midjourney+MasterGo)
前言 最近在自己做一个可能有意思的项目。对于公司的项目,一般都是有对应的UI设计稿作为参照开发的,而对于自己之前的一些小项目,更多则是套用模板,想到哪写到哪这种方式写的前端页面。 后者这种方式肯定是不对的,就好比我们写代码要先写技术文档,再来写代码一样。
505 0
|
容器
会议OA项目-首页->flex弹性布局,轮播图后台数据获取及组件使用(后台数据交互mockjs),首页布局
会议OA项目-首页->flex弹性布局,轮播图后台数据获取及组件使用(后台数据交互mockjs),首页布局
174 0
|
存储 Kubernetes Cloud Native
Kubernetes 本地持久化存储方案 OpenEBS LocalPV 落地实践上——使用篇
Kubernetes 本地持久化存储方案 OpenEBS LocalPV 落地实践上——使用篇
1568 0
|
Ubuntu Linux 开发工具
ZYNQ - 嵌入式Linux开发 -08- linux应用程序开发(二)
ZYNQ - 嵌入式Linux开发 -08- linux应用程序开发
430 0
ZYNQ - 嵌入式Linux开发 -08- linux应用程序开发(二)
|
数据挖掘 数据库管理 Python
CSV文件操作:方便易学
CSV文件操作:方便易学
303 0