激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

UI 新人容易忽略，但很重要的3個知識點

發(fā)布時間：2024-03-17 20:57:05 瀏覽量：183次




大家好，我是興元君

很多童鞋在一開始接觸 UI 設計的時候，會把 UI 設計單純地理解成平面設計的電子媒體化，直到后來接觸到了交互設計和用戶體驗方面的知識，才逐漸明白這些才是 UI 設計中最與眾不同的地方。

另外在實際工作中，也會慢慢接觸到一些UI設計其他方面的知識，看似和 UI 設計關系不大，實際則很有用處，我們來了解一下。



一、APP到底是如何工作的？

通常，一款線上APP要想正常運行，一般要有客戶端和服務器。

1. 客戶端

客戶端很好理解，就是安裝在我們手機上的APP應用，蘋果手機上的iOS 端和安卓手機上的Android 端。

因為二者開發(fā)的編程語言是不同的，負責 iOS 端和Android 端分別有專門對應的工程師負責。

2. 服務器

接下來，我們再來了解下服務器，服務器主要儲存兩類東西：app 的內容資源（數(shù)據(jù)庫）和各種前后端的代碼。

通俗來說，服務器就是一塊大容量硬盤，基本上所有的和 app 運行相關的數(shù)據(jù)都保存在里面。

當我們打開APP，需要某些內容時，APP就會向服務器發(fā)起請求，讓服務器把相應的內容發(fā)送過來。而服務器接到指令后就會向APP發(fā)送相應內容。這時候你想要的內容就會在APP上顯示出來了。

3. 后端

后端是為客戶端和服務器端各種數(shù)據(jù)傳遞、交流服務的，你可以簡單地理解成負責 APP 后勤的部門。

我們經(jīng)常會發(fā)現(xiàn)，APP會推送給我們一些自己比較感興趣的內容，這種手段叫做個性化推送功能。這個功能就是由后端代碼根據(jù)你以往的搜索記錄，按照專業(yè)的代碼算法把你感興趣的內容推送給你。

雖然聽起來很簡單，但具體實現(xiàn)起來還是較為復雜的，這部分的工作由專門的后臺開發(fā)工程師負責的。

4. 內容管理系統(tǒng)（CMS）

內容管理系統(tǒng)顧名思義就是專門用來對服務器上的內容進行增刪改查。例如新聞類APP，該APP的運營編輯登錄本公司的內容管理系統(tǒng)發(fā)布新聞，只有發(fā)布后的內容才會推送到你的APP上

有些社交類 APP本身就具備了 cms 的功能，我們發(fā)布信息和照片時會上傳到相應的服務器，然后其他人把我們發(fā)布的信息從APP上下載下來，就能看到大家的動態(tài)了。

內容管理系統(tǒng)的設計與開發(fā)是一整套完整的網(wǎng)站開發(fā)的流程。

  • 需要產品經(jīng)理整理網(wǎng)站的功能需求
  • 也需要 UI 設計師負責頁面的交互邏輯和 UI 界面
  • 需要前端工程師主要實現(xiàn) UI 設計師設計好的后臺管理網(wǎng)站的圖形界面
  • 需要后臺開發(fā)工程師則負責搭建內容倉庫以及倉庫與外界交互等等一系列的功能。

二、必看知識點：字段

字段在整個產品的開發(fā)過程中是一個非常重要的概念。貫穿從產品需求到開發(fā)完成。

我們可以把它理解成，是所有 app 頁面當中由內容管理系統(tǒng)控制或者由后臺動態(tài)生成其顯示內容的元素。簡單地說，就是這個元素的具體內容是可被改變的，那這個元素就是一個字段。

在一般的內容型 app 的頁面中，展示的所有元素的內容，有些是會變的，有些是不會變。會變的一般來說，一是通過后臺管理系統(tǒng)來控制內容的顯示，比如新聞標題，新聞摘要，新聞來源等等，二是通過后臺計算后產生的變化數(shù)據(jù)，比如說一篇文章的點贊數(shù)、評論數(shù)，閱讀數(shù)等等。而不變的一些元素一般就是在客戶端內寫死的，這些寫死元素的內容只有通過更新客戶端的版本才能進行修改。

APP 頁面中有哪些字段是每個崗位都需要知道的，因為這涉及到后續(xù)的一些列設計和開發(fā)工作。產品經(jīng)理一開始就需要把產品頁面中所有字段整理出來，告知設計師。

設計師要清楚知道頁面中的字段，比如說文字字段，文字的內容是會改變的，在排版的時候要考慮字數(shù)最多和字數(shù)最少的情況；圖片字段，你要考慮圖片是會不斷變換的，圖片的風格和處理方式對于后期真正 app 上線運營的效果都會有很大的影響。

有一些字段是可以根據(jù)設計師自身設計的要求來定義的，比如同樣一個商品的標簽的字段，你可以用純文字的方式，也可以用圖標的形式，當設計稿確定之后，這些字段的具體要求都需要梳理出來。比如我這個字段是文字的形式還是圖片的形式，如果是文字，最多字數(shù)是多少，能不能不顯示，超出這個字數(shù)如何顯示；如果是圖片，圖片的尺寸是多少等等一系列的具體問題的解決方案，把這些整理好形成一個文檔交給產品經(jīng)理，以及客戶端工程師和前后端工程師。



客戶端工程師需要知道你的設計稿中哪些是字段，哪些是寫死的（不可通過內容管理系統(tǒng)更改的）。如果設計稿中某個元素是活動的字段，他們在編寫代碼的時候會在該元素的代碼中留下一個「接收器」，用來接收以后從 CMS 或者后臺中傳過來的數(shù)據(jù)，這樣才能通過 cms 或者后臺來動態(tài)控制元素中顯示的具體內容。再比如，如果一個字段限制十個字，如果后端傳過來的數(shù)據(jù)超過了十個字，客戶端工程師也要知道這樣的情況該如何處理，是用省略號，還是讓文字折行或者直接不顯示多出的文字……

前端工程師，CMS 的網(wǎng)站是前端工程師寫的，產品經(jīng)理或者交互設計師會出 cms 的后臺原型，原型中會告知前端工程師所有的字段，包括輸入文字的字數(shù)限制，上傳圖片的尺寸限制，以及哪些是必填項、哪些是選填項等等各種各樣的具體要求。

后臺工程師也要知道有具體哪些字段，他們會跟客戶端工程師、前端工程師進行溝通，這樣他們才能知道把服務器的數(shù)據(jù)傳到客戶端中的哪個接收器中去，如果有需要，他們也能對一些數(shù)據(jù)進行預處理。

三、怎么改版，才能不讓開發(fā)想打你？

設計師經(jīng)常會遇到各種頁面改版的問題，在原有基礎上進行調整，是最考驗設計師和程序員友誼的時候，如果你稍微不控制一下自己的腦洞，可能你覺得很簡單的一個改動就會讓程序員忙活大半天。

對于開發(fā)來說，新寫容易調整難，調整代碼是一件很費時費力的事情，這有點像我們好不容易合成好一張海報，然后甲方跟我們說，我覺得這個光源的方向應該改一下，這下好了，所有場景里物體的光影都要重繪。所以，調整代碼并不是像外人想象的那么容易，很多代碼調整的過程中會出現(xiàn)很多新的問題，開發(fā)人員都需要去一一解決。

1. 保證交互流程不變

在頁面改版的時候，除非是產品提出需要，不然盡量要在保持原有交互邏輯和功能的基礎上對頁面進行改版。如果一定要動交互，最好和開發(fā)人員進行一定的溝通，讓他們對改動的方向有一些了解，讓他們有一些心理準備，同時也可以把你的思路和開發(fā)人員進行探討，說不定一些有經(jīng)驗的開發(fā)者會告訴你一些更好的解決方案。

2. 保持視覺一致性，建立基本的設計系統(tǒng)

一致性不僅僅是為了視覺上的美觀和統(tǒng)一，在開發(fā)過程中，也可以大大減少程序員的工作量，如果你的頁面的組件都是統(tǒng)一或者有一定邏輯性，程序員在開發(fā)過程中就可以按照你的設計邏輯進行開發(fā)，建立各種統(tǒng)一或者有一定邏輯變化的模塊組件，后期代碼調整過程中就能做到像 sketch 中 symbol 的作用，只要簡單地改組件的參數(shù)，就能應用到大部分界面里了。

來源網(wǎng)絡

因未有作者聯(lián)系方式

如涉侵權請聯(lián)刪

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定