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

2021-09-27 01:46:11 字數 1265 閱讀 4993

客戶端

伺服器後台功能的實現主要是由後台開發工程師負責。

內容管理系統

舉兩個例子:

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

客戶端工程師需要知道你的設計稿中哪些是字段,哪些是寫死的(不可通過內容管理系統更改的)。如果設計稿中某個元素是活動的字段,他們在編寫**的時候會在該元素的**中留下乙個「接收器」,用來接收以後從 cms 或者後台中傳過來的資料,這樣才能通過 cms 或者後台來動態控制元素中顯示的具體內容。再比如,如果乙個字段限制十個字,如果後端傳過來的資料超過了十個字,客戶端工程師也要知道這樣的情況該如何處理,是用省略號,還是讓文字折行或者直接不顯示多出的文字……

前端工程師,cms 的**是前端工程師寫的,產品經理或者互動設計師會出 cms 的後台原型,原型中會告知前端工程師所有的字段,包括輸入文字的字數限制,上傳的尺寸限制,以及哪些是必填項、哪些是選填項等等各種各樣的具體要求。

後台工程師也要知道有具體哪些字段,他們會跟客戶端工程師、前端工程師進行溝通,這樣他們才能知道把伺服器的資料傳到客戶端中的哪個接收器中去,如果有需要,他們也能對一些資料進行預處理。

三、怎麼改版,才能不讓開發想打你?

在我自己的工作中,經常會遇到各種頁面改版的問題,在原有基礎上進行調整,是最考驗設計師和程式設計師友誼的時候,如果你稍微不控制一下自己的腦洞,可能你覺得很簡單的乙個改動就會讓程式設計師忙活大半天。對於開發來說,新寫容易調整難,調整**是一件很費時費力的事情,這有點像我們好不容易合成好一張海報,然後甲方跟我們說,我覺得這個光源的方向應該改一下,這下好了,所有場景裡物體的光影都要重繪。所以,調整**並不是像外人想象的那麼容易,很多**調整的過程中會出現很多新的問題,開發人員都需要去一一解決。

保證互動流程不變

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

保持視覺一致性,建立基本的設計系統

五個容易被忽略但很有用的 CSS 屬性

禁用使用者選中乙個元素 element 的文字 使用屬性user select,並且將它的值設定為none,我們可以將乙個元素的文字設定為不能被使用者選中。element 當你不想乙個元素的原始內容被複製時,可以使用這個屬性。更改選中文字的背景顏色 使用選擇器 selection,可以更改選中文字的...

C 容易忽略的細節

1 超出資料型別指定長度的賦值 1 無符號資料型別 unsigned char ch1 336 unsigned char ch2 1 上面兩個賦值都超出了unsigned char 型別的範圍,大部分的編譯器對這種情況是這麼處理的 允許賦值,僅僅給出乙個警告,但是是經過modulo之後的值。cou...

基礎 容易忽略的地方

1在 異常處理中,error異常一般不需要程式設計師自己捕獲.2runtimeexception 異常語句必須封裝在try語句中3 3有關arraylist和vector的區別 在使用中基本上沒有區別,但在多執行緒編寫程式中vector執行緒安全的 4set list map 都繼承於collect...