本文主要介紹什么是頁邊距的內(nèi)側(cè)和外側(cè)(頁邊距的內(nèi)側(cè)和外側(cè))，下面一起看看什么是頁邊距的內(nèi)側(cè)和外側(cè)(頁邊距的內(nèi)側(cè)和外側(cè))相關(guān)資訊。
本文將剖析設(shè)計稿還原效果不理想的原因，以及如何實現(xiàn)ui設(shè)計稿的準確還原。
我們經(jīng)常聽到身邊的設(shè)計師和開發(fā)商的一些對話，關(guān)于對齊、大小、間距等設(shè)計還原問題，經(jīng)常討論很久。有時候甚至覺得幾個像素的間距有必要這么糾結(jié)。
了解設(shè)計修復(fù)
1.到底什么是設(shè)計還原？ 恢復(fù)與重建指將事物恢復(fù)到原來的狀態(tài)或形狀。 設(shè)計修復(fù)與設(shè)計在互聯(lián)網(wǎng)中是指實際界面和開發(fā)后的設(shè)計稿以及設(shè)計校對之間的偏差。
2.設(shè)計還原的現(xiàn)狀一直是設(shè)計驗收不被重視。第一，設(shè)計師習慣把時間花在雕刻設(shè)計稿上，忽略了后期的設(shè)計驗收。二是對自己和合作的程序員極度自信，以為對方能知道自己所有的點，會完全按照設(shè)計稿來。
不同項目類型還原程度不同:用戶產(chǎn)品b端產(chǎn)品后臺。對于用戶產(chǎn)品，最好是像素級還原。
3.設(shè)計還原的意義在這個快速發(fā)展、迭代、更新的時代，互聯(lián)網(wǎng)產(chǎn)品的用戶體驗越來越受到重視，產(chǎn)品設(shè)計還原已經(jīng)成為工作流程中的重要一環(huán)。
我相信每個ui設(shè)計師都應(yīng)該有一個夢想，前端可以100%還原設(shè)計稿。畢竟是我們努力的結(jié)果。視覺還原的水平直接取決于測試設(shè)計與開發(fā)的配合質(zhì)量，不僅影響線上產(chǎn)品的用戶體驗，也影響作為產(chǎn)品設(shè)計最后環(huán)節(jié)的作品質(zhì)量。
影響設(shè)計還原的因素采訪了ui/ux設(shè)計師、前端工程師和測試工程師。深究原因，線上效果的失真率其實涉及到三個環(huán)節(jié):設(shè)計、前端開發(fā)、測試。造成這種現(xiàn)象的原因如下:
1.就ui設(shè)計而言，視覺處理不規(guī)范，自由發(fā)揮，任意把界面的ui設(shè)計當畫布，不顧實現(xiàn)難度；標注的圖紙不完整，沒有詳細的對接文件和設(shè)計說明；溝通不到位，評審時沒有講清楚設(shè)計思路和易錯點，沒有考慮設(shè)計稿的擴展性和前端代碼的邏輯性，反復(fù)修改，增加了fe的工作量。2.就前端開發(fā)而言，不了解設(shè)計邏輯的時間緊、任務(wù)重，就沒辦法一張一張地看標注圖；直想，想怎么寫就怎么寫，反正最后都要上線，詳細不詳細都一樣；我不 我不知道如何解決它。內(nèi)傾拒絕與標準字大小結(jié)合，標準字要注意上面的標準色，突出app的重要信息，弱化次要信息。1.3圖標規(guī)格
在ui界面中，帶有l(wèi)ogo屬性的圖形就是圖標。作為ui設(shè)計中一個重要的設(shè)計模型塊，產(chǎn)品的每一頁上可能都有圖標。在設(shè)計規(guī)范中，圖標一般按照用途分為兩類:應(yīng)用圖標和功能圖標。
圖標也要根據(jù)不同的功能需求設(shè)計成不同的狀態(tài)，比如正常狀態(tài)、選中狀態(tài)、點擊狀態(tài)。
應(yīng)用圖標:各種應(yīng)用的識別標志，以及在應(yīng)用商店下載的一些應(yīng)用的標志。
功能圖標:最好在說明書中注明圖標格式和用法。比如網(wǎng)頁設(shè)計，可以通過iconfont管理圖片，生成代碼交付前端開發(fā)；如果是原生app，需要標注圖標導出格式和大小。
1.4圖片規(guī)格
圖片作為界面設(shè)計的重要組成部分，需要標注尺寸規(guī)格，針對不同的用途分為不同的類型。
1.5控制規(guī)范
控件是指產(chǎn)品界面中可操作的部分，與組件有些不同?？刂品g成控制，組件翻譯成組件。流行的解釋是組件由多個元素組成，控件由單個元素組成。
常見的ui控件:按鈕、輸入框、下拉列表、下拉菜單、單選框、復(fù)選框、選項卡、搜索框、分頁、切換按鈕、步進器、進度條、角標等。
按鈕
該按鈕有五種狀態(tài):正常、點擊、懸停、加載和禁用。這五種狀態(tài)需要在規(guī)范中單獨列出，并標注對應(yīng)的按鈕填充顏色、邊框顏色、圓角值、按鈕寬度和高度、按鈕文本大小和顏色值。如果是圖標按鈕，除了上述參數(shù)值外，還需要標注圖標和按鈕文字的間距以及圖標icon的大小。
輸入框
用于上下居中顯示單行信息輸入文本，支持鍵盤輸入和剪貼板輸入文本，并對文本進行特定格式的處理:隱藏顯示密碼、分段顯示身份證和、標注寬度和高度。
選擇
選擇可以分為單選和多選，也有五種不同的狀態(tài):未選中、選中、未選中懸停、選中無效、未選中無效項。規(guī)范中應(yīng)顯示所有的效果狀態(tài)。
進度條
用于向用戶顯示步驟數(shù)和當前流程。
1.6默認頁面
空狀態(tài)頁面:在空狀態(tài)下顯示相應(yīng)頁面的圖標，并添加相應(yīng)的向?qū)О粹o。
無網(wǎng)絡(luò)狀態(tài):無網(wǎng)絡(luò)連接時的提示頁面。
頁面404505:發(fā)生未知錯誤時的頁面。
2.組件規(guī)范中常見的ui組件:表格、對話框、提示欄、氣泡提示、日期選擇器、多級選擇器、標簽輸入框、組合框、上傳等。
如果ui忽略了規(guī)范，前端很可能每次都必須手動編寫代碼，而不知道有可重用的組件。你寫的代碼越多，遺漏細節(jié)和出錯的可能性就越大，導致效率越低。至關(guān)重要的是，對于未來的迭代，前端將獲得另一個頁面。頁面修改。
2.1組件的優(yōu)勢
統(tǒng)一性:
1)整個產(chǎn)品不同模塊的業(yè)務(wù)按照統(tǒng)一標準使用，提高了整個產(chǎn)品的視覺交互統(tǒng)一性，減少了開發(fā)風格，提高了開發(fā)效率。2)避免設(shè)計師自由發(fā)揮新的組件控件風格。
3)統(tǒng)一交互設(shè)計規(guī)則，減少用戶操作的混亂，提升產(chǎn)品體驗。
效率:
1)一組組件可以幫助設(shè)計者簡單地處理產(chǎn)品經(jīng)理的初始需求。設(shè)計師可以通過拖拽組件的與產(chǎn)品經(jīng)理建立接口，確認和完善需求，然后進一步推廣需求。節(jié)省時間，提高工作效率。
2)減少制作組件控件的時間，不需要重新定義組件，提高設(shè)計效率，把更多的時間花在流程體驗和設(shè)計推廣上。
連續(xù)性:
1)通過設(shè)計規(guī)范，可以在以后的更新中不斷迭代，避免故障。
2)即使團隊成員離開或加入，也能通過設(shè)計規(guī)范和組件庫快速接手并正常工作。
2.2組件特征
多功能性:
意思是沒有商業(yè)屬性也足夠基本和普通。每一秒?yún)⑴c設(shè)計的人都應(yīng)該知道這個組件的功能和用途，同時，它必須是可擴展的。
靈活性:
要求組件的組合要靈活，在不同場景下相互組合能快速構(gòu)建交互框架的原型圖，并根據(jù)不同頁面結(jié)構(gòu)的變化適應(yīng)新的業(yè)務(wù)需求。
選擇性:
適用于多個業(yè)務(wù)或產(chǎn)品，在設(shè)計過程和研發(fā)過程中可以高頻轉(zhuǎn)換。
2.3組件分類
我們根據(jù)現(xiàn)有的業(yè)務(wù)場景規(guī)劃未來的業(yè)務(wù)發(fā)展方向，將構(gòu)件庫的構(gòu)件類型分為通用構(gòu)件和業(yè)務(wù)構(gòu)件。通用業(yè)務(wù)組件庫對外封閉，在螞蟻設(shè)計官網(wǎng)只能看到通用組件部分。
通用組件
指應(yīng)用范圍廣，擴展頻率高，多種服務(wù)重復(fù)使用，沒有業(yè)務(wù)邏輯。一些導航欄、按鈕、吐司、彈出窗口等。我們將常見組件細分為五個子類別:基本組件、導航、數(shù)據(jù)輸入、數(shù)據(jù)顯示和操作反饋。
業(yè)務(wù)組件
與通用組件相比，這類組件的最大特點是包含一系列業(yè)務(wù)屬性，與產(chǎn)品功能有重疊關(guān)聯(lián)，因此應(yīng)用范圍可能僅限于12個業(yè)務(wù)系統(tǒng)或特殊場景，復(fù)用頻率不高。畢竟使用場景特殊有限，發(fā)布參考意義不大。
2.3.3基于組件的構(gòu)建流程場景
基于組件的構(gòu)造在兩種情況下執(zhí)行:
1)在項目建立之前組裝產(chǎn)品，在產(chǎn)品0到1之前有一套組件和設(shè)計規(guī)范。設(shè)計人員可以直接應(yīng)用和修改以往項目的構(gòu)件庫和設(shè)計規(guī)范，使項目的初步設(shè)計更加方便、省時、省力。
2)產(chǎn)品經(jīng)歷了0到1之后，產(chǎn)品趨于成熟，此時開始組件化。組件構(gòu)建最多有六個步驟，即:梳理。分類、場景漫游、問題分析、方案設(shè)計、插件庫生成、驗證開發(fā)。
我將具體的基于組件的設(shè)計升級過程總結(jié)為下圖:
當團隊構(gòu)建成組件時，下一步就是成員之間的使用。這個過程包括業(yè)務(wù)需求生成組件模板，組件模板形成頁面，頁面形成頁面流程，頁面流程形成用戶體驗。構(gòu)件庫在重建初期不可能完全可用，需要后續(xù)設(shè)計人員不斷維護迭代。
3.詳細標注關(guān)于設(shè)計輸出，現(xiàn)在很多像blue lagoon、zeplin、pxcook《如何進行設(shè)計評審》。因為我覺得審查對于設(shè)計還原的意義就是前置問題。通過設(shè)計評審，可以清楚地解釋修訂的最大視覺變化和發(fā)展。這些修改后的布局框架變化將增加開發(fā)工作量。如果把握好這個環(huán)節(jié)，基本上是可以實現(xiàn)的，除了特殊情況，比如前期忽略了一些背景數(shù)據(jù)標題。
有一些細微之處需要我們特別像開發(fā)說明，也要加深他們的印象，這樣才能在執(zhí)行的時候減少錯誤。比如日常開發(fā)時，我們只明確關(guān)鍵的核心點和規(guī)則。我們前面走的每一步都是為了讓我們更容易檢查后面的還原程度，開發(fā)也更容易。比如前期基礎(chǔ)打得不好，后期很難深入。設(shè)計師保留會議紀要(記錄問題和解決方案，以及達成的共識)，會后以郵件的形式發(fā)給前端人員，并附產(chǎn)品和運營的復(fù)印件，保證會議內(nèi)容傳達到位。讓設(shè)計師和前端工程師就相關(guān)問題達成一致，提高工作效率。
在緊張的發(fā)展階段，即使我們面前的所有工作都準備好了，它 不跟我說一聲，很難避免事態(tài)的發(fā)展。這時候就要積極的去回應(yīng)他們，和他們一起處理問題，比如一些比較難的頁面，開發(fā)效果和設(shè)計稿差別也不小。這時候開發(fā)者會切一張他們實現(xiàn)效果的圖給你看。這時候你要仔細找問題，不要 不要強求是發(fā)展的原因，先溝通具體原因。
2.可視化演練在可視化演練中，我們可以在測試環(huán)境中比較頁面和設(shè)計草稿。檢查頭尾位置是否完整統(tǒng)一，按鈕樣式、反饋狀態(tài)、報錯樣式是否統(tǒng)一；是否有缺失的場景和狀態(tài)，按照任務(wù)流程檢查場景和狀態(tài)，保證設(shè)計的完整性。
這里我們推薦兩種可視化漫游方法:
1)let ;讓我們挑毛病。
驗收的時候，我們需要把開發(fā)實施后的效果截圖，然后和設(shè)計稿對比。
我們可以直接把截圖放在設(shè)計的最上面，降低透明度，粗略對比一下，然后就知道哪里不對了，然后具體標注需要修改的參數(shù)。
2)頁面重建演練
去檢查還原的時候，在chrom:的幾個點。
4.1分界線
驗收時要特別注意分割線。所有屏幕上的分割線都是1px，但是許多程序員沒有這樣做。;沒有注意到這一點，或者設(shè)計師沒有 開發(fā)前沒有指定，所以程序員寫了1pt，因為pt是1x下的單位，px是實際單位。
因此，分界線需要是 px 為了保證每個屏幕的分割線是1個像素。
下面用三個主要場景來說明分割線的標注:1。列表流；2 .進料流；3.內(nèi)容塊之間。
4.2預(yù)測
作為一種重要的視覺元素，陰影構(gòu)成了主體元素和其他元素 彈出 從具有深度的背景中，更好地向用戶呈現(xiàn)信息層次。常規(guī)投影和漫射陰影推薦用css代碼完美實現(xiàn)；特殊情況下，需要提前與開發(fā)人員溝通，權(quán)衡各種方法的優(yōu)缺點，選擇適合項目產(chǎn)品的實現(xiàn)方法。
結(jié)合我自己的實際工作經(jīng)驗和與開發(fā)者的交流經(jīng)驗，實現(xiàn)漫反射投影的方法可以通過兩種實現(xiàn):
4.2.1切割圖紙和對接開發(fā)者
雖然剪貼可以解決這個問題，但是也有一些缺點，因為如果每張卡都用剪貼的話，開發(fā)出來的包會變大，可能會出現(xiàn)加載慢和閃退的情況，這些體驗也是很不好的。所以這個過程中的一些問題，一定要提前和開發(fā)人員、項目人員溝通。
css代碼實現(xiàn)
一般情況下效果不錯，但是遇到一些異常情況，比如形狀不規(guī)則，使用的代碼通常比較復(fù)雜。這時候就要提前和開發(fā)商溝通，避免后期。問題
在設(shè)計過程中，我們需要更好地了解下游工作，實現(xiàn)高效的溝通。不管哪種方法是對是錯，關(guān)鍵是要知道如何去做權(quán)衡利弊并提前與開發(fā)者溝通。只要適合我們公司 并能高效還原設(shè)計稿，值得使用。
4.3文本行高度
我以素描為例。當我們設(shè)置一個70px的文本時，默認情況下sketch會將文本設(shè)置為98px的行高。文本的頂部和底部將包含某些空白像素。
如果ui沒有設(shè)置行高規(guī)格，在著陸過程中會出現(xiàn)以下問題:
求解線的高度
最近看到一個新公式，可以同步開發(fā)根據(jù)字體大小設(shè)置行高。
設(shè)字號為x，行高= x ^ 2 ceil(x/10)，ceil()表示向上取整數(shù)l(行高)，例如:12 ^ 2 * c測試效率工具、可視化輔助工具，可以完美接入一些你已經(jīng)實現(xiàn)的、與哆啦a夢面板中業(yè)務(wù)緊密耦合的非常用輔助工具，配合滴滴的dokit平臺，功能可以擴展，接入方便，易于擴展。
4.4視覺重心校正
在設(shè)計中，為了保證界面的視覺平衡，往往不是設(shè)計軟件直接準確的對齊。我們總是通過調(diào)整間距、大小或角度來填充一些負空間，以保持畫面的視覺平衡。
在設(shè)計中，右箭頭通常用于指示模塊的入口。當我們將箭頭與文本向右對齊時，箭頭會更加突出。這時候我們會把它縮進1到2個像素，但是把圖片切到完全沒有意識到的前端之后，設(shè)計師要主動解釋或者寫進規(guī)范里。
會有一些需要顯示logo的地方，有的是圓形的，有的是長方形的，還有的是純文字的，大小差距挺大的。在這種情況下，我們需要限制他一個高度，在這個高度之內(nèi)，根據(jù)logo本身的體積來調(diào)整圖形的大小，來處理logo的視覺平衡。
5.考慮特殊場景特殊場景在設(shè)計過程中往往會被忽略，現(xiàn)實中遇到時意識到缺乏異常狀態(tài)會很尷尬。所以在完成主要流程設(shè)計后，還必須考慮特殊場景。您可以參考以下場景來檢查、優(yōu)化和調(diào)整設(shè)計。
網(wǎng)絡(luò)異常
考慮到網(wǎng)絡(luò)的異常情況，產(chǎn)品通常會通過異常狀態(tài)頁面或交互反饋告知用戶當前的異常狀態(tài)以及如何解決問題(解決方案指導、刷新、吐司)。
服務(wù)器異常
衣服服務(wù)器的異常情況很少見，時間也短。通常不會提示具體原因。設(shè)計和處理方法是在新頁面上顯示默認頁面，以文案插圖的形式給用戶提示和重試指導。
空態(tài)
空態(tài)是指頁面中沒有內(nèi)容，在幾種主要情況下，設(shè)計師需要根據(jù)不同的場景給出文案和插畫的表達來引導用戶:
沒有權(quán)限，對于一些需要權(quán)限打開才能獲取內(nèi)容的頁面；
搜索無結(jié)果，對應(yīng)搜索無對應(yīng)結(jié)果的空狀態(tài)提示；
內(nèi)容為空，如初始狀態(tài)和內(nèi)容清空后的狀態(tài)。
內(nèi)容缺失
考慮到內(nèi)容缺失的顯示效果，設(shè)置頁面圖片缺失的占用位圖。
加載頁面的表達式。
當考慮網(wǎng)絡(luò)加載或數(shù)據(jù)加載時，會等待幾秒鐘。通常情況下，產(chǎn)品會有一個簡單的頁面占用位圖形式，以減少用戶等待時的焦慮。它可以是加載或刷新整個頁面的效果。
6.注意模型適配的問題。設(shè)計還原的時候，最后看不同型號的適配問題。保證不同機型的界面呈現(xiàn)效果一致。
6.1動態(tài)視覺
手機適配的時候，很多設(shè)計師都會遇到一個問題，就是在750*1335的屏幕上做出的設(shè)計圖，但是有元素可以 不適合640*1136的屏幕。因此，設(shè)計師在繪圖時需要用動態(tài)的眼光來考慮問題。
知識點:在一個簡單的界面中，由于界面本身的內(nèi)容較少，位置的確定會更加困難，因為要考慮如何擺放不同的界面內(nèi)容才能保持視覺的統(tǒng)一性。這時可以將界面中的信息分成不同的部分，先保證每個部分中的固定內(nèi)容，再確定適應(yīng)的內(nèi)容。6.2固定改編內(nèi)容
在一個簡單的界面中，由于界面本身的內(nèi)容較少，位置的確定會更加困難，因為需要考慮如何擺放不同的界面內(nèi)容，以保持視覺的統(tǒng)一性。這時可以將界面中的信息分成不同的部分，先保證每個部分中的固定內(nèi)容，再確定適應(yīng)的內(nèi)容。
圖標或按鈕
搜索框
y軸間距
一般來說，如果y軸的空間在一個類似的匯編中，那么它就是固定的，不會改變。
6.2.4圖片
像這樣的圖片列表，或者十字形的人像或者文字，都有固定的大小，會變成間距或者數(shù)量，如下圖所示:
對于更復(fù)雜的模塊，快速找到上面提到的固定因子和自適應(yīng)因子，不僅可以大大提高標注效率，還可以找到合適的適配方法，避免開發(fā)完成后某個模型適配效果不理想的情況。
6.3自適應(yīng)內(nèi)容
改編的內(nèi)容也給大家整理出來了。
6.3.1角色的彈性改編
文字流是指在多行文字的情況下，文字量的變化會影響圖像的頁面布局和元素大小，如下圖所示:
字符的彈性適應(yīng)一般涉及寬度適應(yīng)。寬度適應(yīng)通常會使采用間距適配，即左右邊距設(shè)置，中間彈性拉伸。當文本的左右兩邊都有內(nèi)容時，我們需要指明文本的顯示范圍，也就是說，最多能顯示幾個字。這種可以達到更好的適配，也是快速適配的常用適配。
橫幅
這里說的圖片是指banner或feed流中的圖片，適配多為自適應(yīng)。界面中元素的間距和數(shù)量不變，元素的大小按比例縮放，更適合比例固定的元素，但大小隨屏幕寬度變化，如下圖所示:
對于更復(fù)雜的模塊，快速找到上面提到的固定因子和自適應(yīng)因子，不僅可以大大提高標注效率，還可以找到合適的適配方法，避免開發(fā)完成后某個模型適配效果不理想的情況。
設(shè)計還原的思維假設(shè)視覺還原真的有問題。首先要找到原因。是不是我們做得不對？還是對方?jīng)]有理解你的想法？我覺得可以從以下幾個方面來做。
1.提高設(shè)計輸出的質(zhì)量。設(shè)計團隊首先要明白修改的意義，用色值和像素畫出原理圖和文檔，做好產(chǎn)品原型等能讓對方不糾結(jié)上手的工作。做好前期準備工作，盡可能多思考，完善設(shè)計稿，尤其是邊界情況，把自己的問題留給自己，這樣可能出現(xiàn)的設(shè)計還原問題就會大大減少。多問問開發(fā)生，就算技術(shù)真的很難實現(xiàn)，也不要 不要逃避或者過于固執(zhí)，了解具體原因，不斷積累自己的技術(shù)知識。自己的特長和努力是贏得程序員尊重的前提。只有贏得他們的尊重，你才能順利工作。
2.提高設(shè)計師的話語權(quán)是一個復(fù)雜的課題，需要長期的努力。每個公司都會有它的實際情況，團隊越大，情況越復(fù)雜。如果一個設(shè)計師團隊或者個人的話語權(quán)很弱，確實會面臨非常被動的局面。首先，話語權(quán)是賺來的，不是給的。想要改善被動的局面，就要認清環(huán)境，認清問題的癥結(jié)，擺正自己的位置，做出努力。只有證明設(shè)計真的能解決問題，甚至帶動商業(yè)價值，話語權(quán)才會逐步提升。
3.灌輸完成一個任務(wù)時用戶體驗的重要性，最重要的是團隊的思維模式是否統(tǒng)一。設(shè)計師關(guān)心用戶體驗，工程師只關(guān)心開發(fā)成本。在這個問題上沒有一致意見是正常的。如果你想讓所有人都認同你的觀點，你必須不斷地以潛移默化的影響他人。比如沒事就和公司其他人聊聊產(chǎn)品，聊聊體驗，聊聊感受，慢慢給他們灌輸體驗的重要性。只要你的話題有趣，有意思，沒有人會拒絕和你聊。時間長了，整個團隊的思維都會發(fā)生變化。
4.根據(jù)進度和優(yōu)先級進行優(yōu)化。設(shè)計師可以先按照優(yōu)先級排列修復(fù)順序，看看這個像素對當前產(chǎn)品是否重要。正在做了解產(chǎn)品的進度和優(yōu)先級，記錄所有的修復(fù)問題，自己標注優(yōu)先級，做完一次給他，然后和程序員一起解決方案和時間。也可以和開發(fā)生一起探討一個雙方都能接受的清單模式，注明問題，修改建議和重要級別，并根據(jù)實際情況進行詳細或簡要的說明。最好是面對面交流。
5.加強團隊建設(shè)和良好的團隊合作氛圍是有效的潤滑劑。良好的合作關(guān)系就像同一戰(zhàn)壕的戰(zhàn)友。即使時隔多年，回想起來，應(yīng)該是我們一起帶頭的日子。設(shè)計師要意識到自己在整個項目過程中的位置，不卑不亢，把煩惱留給自己，不推卸責任，不互相推諉，逐步建立自己的口碑和氣場。
結(jié)論一個優(yōu)質(zhì)項目的落地，是各部門通力合作的結(jié)果。就像我們做游戲一樣，后期的優(yōu)質(zhì)輸出也需要前期優(yōu)秀的輔助來鋪墊。在 合作經(jīng)營與管理；，靈活運用標準化、標記、走查等方法積極推進項目，既能最大程度還原設(shè)計稿，又能提高我們的協(xié)作能力和環(huán)節(jié)控制能力。
任何問題只要多溝通，就會避免很多擁堵。來自設(shè)計師 s的觀點，當然希望每一篇視覺稿都100%還原，因為用戶只看你的上線效果，但往往時間安排比較緊，需要一些選擇。希望在有限的時間內(nèi)做到最好。
在后期的視覺接受中，我們可以設(shè)身處地鞋，把自己當成程序員，站在他們的角度思考問題。什么樣的驗收會更方便開發(fā)和修改，減少重復(fù)返工的次數(shù)。我們愿意在驗收和標記的時候花10分鐘以上的時間，還會寫出詳細的修改意見，這樣可以節(jié)省開發(fā)的時間，反過來也有助于我們降低二次驗收的成本。
前端設(shè)計不僅僅是做漂亮的效果圖，還要考慮程序?qū)崿F(xiàn)的問題。
了解更多什么是頁邊距的內(nèi)側(cè)和外側(cè)(頁邊距的內(nèi)側(cè)和外側(cè))相關(guān)內(nèi)容請關(guān)注本站點。