UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。也就是说,UI设计做出来的东西是和用户有互动的,以下是网页UI设计和APPUI设计的一点区别:
APP:展示效率低,在移动端,展示面积比较小,展示效率也比较低,用户的耐心不佳,必须重点突出。
网页:展示效率高,在PC端,展示面积比较大,展示效率也比较高,用户的耐心比较好。
APP:更看重交互,手指触摸范围更大,较难精确控制点击位置,没有hover等操作因此版面要尽量干净,合理的手势操作,配合手势呼出“藏”得更深的界面。
网页:更看重版式,展示比较丰富的内容,也适合在一个页面里安排较复杂的操作因此网页对布局排版要求比较高。
APP:有“范”可循有“范”可循,移动端的设计具有更严格的规范要求。针对不同平台的应用设计,谨慎地遵循平台规范有助于降低用户的学习成本,也是优秀体验的重要保障。
希望能帮助到你
要根据不同手机不同的屏幕分辨率来规定尺寸。
一般做效果图主流都是做480*800来测试,iphone4(或s)就用640*960,但这个都只是效果图,真正开发还需要切图用点9来做屏幕适配。
常见手机显示屏分辨率:96x65,96x96,128x96,128x128,160x128,160x160,176x144,220x176,240x176,320x240,640x480,800x480
苹果4:960×640像素,3.5英寸
三星:480×800分辨率
小米:480×854 4英寸TFT屏幕
android手机屏幕尺寸
1280×800 854×480 640×480 480×800 432×240 400×240 320×480 320×512 320×240
扩展资料:
手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”,好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
随着手机移动设备不断普及,对手机设备的软件需求越来越多,手机移动操作系统厂商正在不约而同地建立手机设备应用程序市场,如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace,给手机的终端用户带来巨量的应用软件。这些软件良莠不齐,界面各异,手机的终端用户在众多的应用使用中,最终会选择界面视觉效果良好,且具有良好体验的应用留在自己的手机上长期使用。
随着互联网科技的发展以及人们生活方式的改变,手机网站逐渐赶上PC网站,成为企业宣传推广以及用户阅读的的主要平台,因此也有越来越多的企业开始制作手机网站。不过,手机网页设计必须遵循移动端的设计原则,而不是盲目沿用电脑网站的设计规律,毕竟两者还是有很大区别的。
首先,移动端网页设计都需要考虑网络的问题。虽然现在的网络普及程度高,但是大部分用户还是利用手机流量来上网的,因此对手机网页的访问加载速度要求较高。如果用户在流量网页时遇到页面迟滞、视觉错位、信息不全等问题,用户体验就会大打折扣,因此要求网页内容尽量简洁明了,同时展现精准、有用、易用的菜单栏。
还有,因为手机端屏幕大小不一,如果想要保证所有人正常访问页面,维持内容的可读性,那么就需要我们在进行相关设计的时候,尽量控制文本的间距、颜色,着重突出页面的重点内容,让用户更容易看到自己想看到的内容,另外,一般手机中的电话、短信、推送等信息是无处不在的,用户在浏览网站时,注意力很容易就被这些弹出来的信息所吸引,因此网页的图标设计一定要高效,让用户在短时间内就知道网页的导航信息是什么、主要内容是什么,节省用户时间的同时,还为网站争取了成交的机会。
手机网站布局设计方法
1、手机网站的单页
手机网站建设的单页这个是存在于很多企业网站的内容,单页优化有着一定的好处,首先网站的单页是用HTML书写,并且完全静态化,这个是符合搜索引擎的,有利于优化,对搜索引擎友好。
这种页面的布局往往需要的是大气,简洁,直入主题。一般可以用来介绍公司以及公司的主要核心内容。
2、首页布局
手机网站建设的首页是一个网站的核心部分,浏览者首先看到的就是首页,然后才会看到内页,才会了解你的公司,只有首页有吸引力,才能留住浏览者浏览你网站的内容,那么首页的布局就很重要了。
首页需要突出网站的核心,展示公司的优势,尽显企业的特色,而且需要有主次之分,上下之分,因为浏览者的习惯是从上而下,从左而右浏览的。
3、内容页布局
手机网站建设的内容页就是网站的内容详细展示页面了,有的网站建设者没有太多注意的问题,手机网站建设者认为内容页根本不重要或是不是很重要,只要在后台把文章内容上传上去让其显示就可以了。
其实一些大网站的权重流量都是靠这些内容页撑起来的,我们每天更新文章显示的一个界面,这个页面的一个好的内容页能够给网站带来某一特定词的排名。
4、列表页布局
手机网站建设的列表页分为图片列表和文章列表页。图片列表页一般展示的是公司的案例或产品,一般图文布局展示就可以了。文章列表页展示的是公司的新闻或行业动态之类的文章,一般是新闻标题显示布局就可以了。
转载请注明:片头模版 » 网页设计手机界面设计(网页UI设计和手机UI设计的区别是什么)