热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

引言最近正在学习牛腩新闻发布系统中的页面设计,对以前感觉非常神秘的网页设计有了那么一点点的了解,就在这时候米老师安排九期的师姐给我们上了一节课,这对于我来说算是想什么来什么啊。师姐讲解的还是
    引言  最近正在学习牛腩新闻发布系统中的页面设计,对以前感觉非常神秘的网页设计有了那么一点点的了解,就在这时候米老师安排九期的师姐给我们上了一节课,这对于我来说算是想什么来什么啊。师姐讲解的还是比较深刻的东西,对于没有真正接触UI设计的人来说还是不能了解哪些名词的,像div、css等!可以说师姐讲的非常的成功,受到了米老师的高度赞扬!下面我就来谈谈到底什么是UI设计?为什么它越来越受到重视?
   UI设计是什么?                        简单的说UI设计是指的用户界面的设计,但是真正的UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。  所以说UI设计并不是我们像我们想象的那样——单纯的就是设计出我们认为非常漂亮的图片,而是需要我们很多方面综合考虑来进行研究和设计的,需要研究界面。研究人与界面、需要揣摩使用者的心理等。
   UI设计为什么这么火?         首先UI设计并不是简单的网页设计,UI设计师的工作内容包括:负责软件界面的美术设计、创意制作;根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计;对页面进行优化,使用户操作更趋于人性化;维护现有的应用产品;收集和分析用户对于GUI的需求等。所以,UI设计师可以说是兼具美术设计、程序编码、市场调查、心理学分析等诸多方面的综合能力。   现在在IT界对于UI设计这方面的人才非常的欠缺,最近这几年尤为凸显,从UI设计师的年薪我们就可看出他们是多么的稀缺,那么到底为什么他们会这么重要呢?因为现在随着技术的进步,人们审美水平的提高,同类的软件不在独一无二,而是有大量的相似软件在市场上进行竞争,功能的实现已经不能成为某个软件的商业壁垒,所以为了能吸引大量的用户来使用自己的软件 ,我们不得不进行人性化的设计来吸引用户。
   UI设计的几大原则                     1、一致性    既然是以客户为中心,设计的产品界面,一定要简洁、直观,操作方便。不需要太多的思考,就能够正确的使用此系统,看下说明书就行,不需要培训
     2、简易性    界面的简洁是要让用户便于使用、便于了解产品、并能减少用户发生错误选择的可能性      3、灵活性    简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄、界面)。      4、强烈的视觉层次感    在每一个界面我们都让用户我们层次非常的分明,使用起来比较舒畅,不能将所有的主体都混为一谈,这样让用户使用起来感到非常的恶心。      5、人性化    高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。     6、................   其实在UI设计的过程中还有很多的原则是我们需要注意,这些原则都是我们在项目中慢慢摸索出来的,所以并不是一些死的东西,而是需要我们在实践中不断的探索,不断的进步。
   小结   师姐在讲课的时候说过,对于我们从娃娃开始抓起,感觉这句话非常的有深意,的确如此,因为我们好想总是不怎么我们的界面的设计,无论是B/S的项目还是C/S项目我们总是关心我们的功能多么的强大,我们的代码是否恰当但是不怎么关心界面的问题,虽然说我们在工作的时候有人专门做美工,但是我们要想立足必须了解的更多,所以我们应该从娃娃开始学起!!!!

推荐阅读
  • 本文详细解析了JavaScript中相称性推断的知识点,包括严厉相称和宽松相称的区别,以及范例转换的规则。针对不同类型的范例值,如差别范例值、统一类的原始范例值和统一类的复合范例值,都给出了具体的比较方法。对于宽松相称的情况,也解释了原始范例值和对象之间的比较规则。通过本文的学习,读者可以更好地理解JavaScript中相称性推断的概念和应用。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 本文介绍了在Python3中如何使用选择文件对话框的格式打开和保存图片的方法。通过使用tkinter库中的filedialog模块的asksaveasfilename和askopenfilename函数,可以方便地选择要打开或保存的图片文件,并进行相关操作。具体的代码示例和操作步骤也被提供。 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • PHP图片截取方法及应用实例
    本文介绍了使用PHP动态切割JPEG图片的方法,并提供了应用实例,包括截取视频图、提取文章内容中的图片地址、裁切图片等问题。详细介绍了相关的PHP函数和参数的使用,以及图片切割的具体步骤。同时,还提供了一些注意事项和优化建议。通过本文的学习,读者可以掌握PHP图片截取的技巧,实现自己的需求。 ... [详细]
  • 如何去除Win7快捷方式的箭头
    本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]
  • windows便签快捷键_用了windows十几年,没想到竟然这么好用!隐藏的功能你知道吗?
    本文介绍了使用windows操作系统时的一些隐藏功能,包括便签快捷键、截图功能等。同时探讨了windows和macOS操作系统之间的优劣比较,以及人们对于这两个系统的不同看法。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • 大连微软技术社区举办《.net core始于足下》活动,获得微软赛百味和易迪斯的赞助
    九月十五日,大连微软技术社区举办了《.net core始于足下》活动,共有51人报名参加,实际到场人数为43人,还有一位专程从北京赶来的同学。活动得到了微软赛百味和易迪斯的赞助,场地也由易迪斯提供。活动中大家积极交流,取得了非常成功的效果。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
author-avatar
缅甸环球国际
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有