UI設計第一站 - UI設計師交流學習平臺

UI設計新人須知:UI設計基礎概念(二)

時間:2016-06-26 10:20:00來源:站酷人氣:

今天我們繼續來了解UI設計的基礎概念,這次主要告訴大家整個App的開發流程以及各個環節主要的職位以及作用。這個是需要大家知道的,畢竟大體流程是不可以混亂的,否則會造成很多不必要的麻煩及返工。還有就是屏幕的相關信息介紹,了解其原理才能運用的更好!

課程一里面我們大概了解了UI的定義和一些前期的準備。那今天我們就真正的走進移動UI設計了。

往期教程:《UI設計新人須知:UI設計基礎概念(一)》

一、什么是App

APP是英文Application的簡稱,指運行在手機系統上的應用程序軟件,比較著名的App商店有Apple的iTunes商店,Android的Android Market,諾基亞的Ovi store,還有Blackberry用戶的BlackBerry App World,以及微軟的應用商城。目前主流智能手機的操作系統還是iOS和Android。其他智能手機系統份額非常小,我們可以先忽略不計。我們需要掌握好這兩種系統的應用界面設計知識。

二、App的開發流程

UI設計只是整個應用開發的一個環節,如果你想更好的展開設計工作,就需要掌握App開發維護整個流程

*產品經理(Product Manager):一般負責收集需求、整理需求、商務溝通等工作,他會根據產品的生命周期,協調設計、研發和測試還有運營。最終產出低保真的原型說明文檔(也就是線框圖)表達產品的流程、邏輯、布局、視覺效果和操作狀態等。

*交互設計(User experience design):會繼續深入這個低保真原型,一般企業產品經理承擔了這個工作。如果有專門的交互設計,他更多的會考慮用戶流程、信息框架、交互細節和頁面元素等。有些企業會讓其做出高保真的原型,高保真原型是無限接近最終效果圖的線框圖,表達產品的流程、邏輯、布局、視覺效果和操作狀態等。

*視覺設計(User Interface):終于到我們了,拿到無論是低保真還是高保真原型圖,我們不僅僅是美化界面。我們要對原型有深入的了解,需要了解整個頁面的邏輯,從全局的角度來做視覺設計。好的UI不僅是讓產品變得個性有品味,還要讓產品操作變得舒適、簡單、自由、充分體現產品的定位和特點。最終產出物是各種圖片、界面標注和界面切圖。

*程序開發:程序員根據設計圖搭建界面,根據產品提供的功能說明文檔去開發功能,最終產出物是可使用的應用。

*測試:產品完成之后,還需要測試人員測試應用,主要分為單元測試、真機測試、功能測試、測試跟蹤和出測試報告。

*運營:運營人員就是需要通過各種手段提升應用的人氣,同時把用戶反饋的問題提供給產品人員,然后產品人員再次發起應用的版本迭代。

三、智能手機的屏幕

我們??吹绞謾C介紹中一堆的參數,說實話,在這之前我都搞不太清楚。比如:手機屏幕是多少?手機的分辨率是多少?是否是高清視網膜屏幕等等。所以我們先了解一些常見的相關于屏幕的概念。

1、英寸(Inch)

英寸一般為1in=2.54cm,如果你不知道2.54cm是多長的話你可以看看你大拇指,大概就是你一節大拇指的長度。很多圖紙、銘牌上都是使用英寸作為長度單位。手機屏幕、電視機也繼承了這個計量單位。

iPhone4s的屏幕尺寸是3.5英寸,表示屏幕斜對角線的長隊。喬布斯認為3.5英寸是人類單手持設備的最佳尺寸。但是隨著時代的發展,人們每天愿意花幾個小時在手機上面雙手操作,它漸漸變成了內容消費和娛樂的主要平臺。3.5英寸的手機已經滿足不了大家的需求,所以現在手機屏幕越來越大化。

手機常見屏幕尺寸有3.5英寸、4.3英寸、4.7英寸和5.5英寸。為什么會選擇這幾個尺寸?因為手機屏幕使用的玻璃是一整塊生產的,然后切割成一塊一塊的。利用率與成本直接相關,為了獲得最優的玻璃切割利用率,避免浪費。

以后再看到英寸,知道多大了吧。

2、像素(Pixel)

我們圖片放大,能看到許多色彩相近的小方點,這些小方點就是像素點,像素是圖像的基本采樣單位,它不是一個確定的物理量,因為像素的大小詩不確定的。

3、分辨率(Resolition)

分辨率就是屏幕像素的數量,一般用屏寬像素乘以屏高像素表示。比如iPhone6的屏幕分辨率是750*1334,也就是說它是由750列和1334行的像素點排列組成。通常情況下,圖像的分辨率越高,所包含的像素就越多,圖像就越清晰,印刷的質量也就越好。同時,它也會增加文件占用的存儲空間。

原文地址:站酷

作者:任XX

本文鏈接地址:http://www.7343622.live/article/601.html

非特殊說明,轉載請注明:本文轉自UI設計第一站

【特色推薦】

設計尺寸看這里 http://www.7343622.live/chicun/

找素材一站就夠 http://so.ui001.com/

UI設計網址導航 http://hao.ui001.com/

官方微博:@UI設計第一站發布干貨與設計資訊

官方微信:搜索公眾號名稱UI設計第一站或微信號:uidiyi關注我們

官方QQ群:群號59411183,點擊自動加群,與2000名設計師交流設計,分享素材

建議:看到好的文章或素材,記得分享到微博等媒體,讓更多的朋友知道,加入收藏夾也可以方便日后查閱。

  • 贊一下又不會懷孕
  • 收藏好文章要收藏噢
分享到:

設計資訊

更多

設計教程

更多

素材下載

更多

閱讀排行

更多

服務中心

更多
老11选5开奖视频 江西11选5前三直 黑龙江体彩十分钟开奖结果 广东快乐10分任选计划 今日股票大盘点数 福建快三平台首页 pk10赛车3码计划 浙江体彩历史开奖飞鱼 股票涨跌的原理是什么带你了解股票涨跌的真相 安徽十一选五12月28号预测 太原重工股票推荐