欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

廣州網(wǎng)頁建設(shè)，怎樣高度還原設(shè)計稿？

2015-10-18    分類： 網(wǎng)站建設(shè)

我們知道做網(wǎng)站設(shè)計必須要求設(shè)計師和程序員高度配合協(xié)調(diào)，如果其中一環(huán)出現(xiàn)問題，那么最終實現(xiàn)的版本就與最初的設(shè)計稿有所差別。在互聯(lián)網(wǎng)產(chǎn)品的研發(fā)流程中，頁面的視覺還原是很重要的一個步驟，也往往是問題最多的一個環(huán)節(jié)。如果一些細(xì)節(jié)問題在這個環(huán)節(jié)沒有被有效地發(fā)現(xiàn)并解決，那么后續(xù)流程中再去解決這些問題的成本就會呈指數(shù)上升。
本文就以廣州網(wǎng)頁建設(shè)為例，來說說設(shè)計師與程序員在日常工作中，通常會遇到哪些問題？

設(shè)計師

設(shè)計師是最貼近產(chǎn)品體驗的人，但是術(shù)業(yè)有專攻，設(shè)計師往往更加注重視覺的表現(xiàn)，而容易犯一些美麗的錯誤：

1，以原生APP的體驗類比H5頁面設(shè)計

我們都知道，原生APP的體驗非常流暢，界面也非常華麗，所以設(shè)計側(cè)也盡量向原生APP的體驗靠攏。但是現(xiàn)實往往很殘酷，許多APP的體驗換到 H5 上實現(xiàn)就慘不忍睹，比如一個包含復(fù)雜操作的浮層，在各種低端機上可以說是漏洞百出。所以這里，建議設(shè)計師可以多比照其他H5網(wǎng)站的表現(xiàn)來進(jìn)行設(shè)計，而不要經(jīng)常比照APP的體驗。

2，設(shè)計稿都是最好的狀態(tài)

是的，設(shè)計稿上面往往體現(xiàn)的都是最好的狀態(tài)。而前端開發(fā)人員往往要考慮各種溢出狀態(tài)，多個超出、折行、撐開等等。這些情況多數(shù)在設(shè)計稿上不會體現(xiàn)，往往要到開發(fā)過程中再去確認(rèn)細(xì)節(jié)，比較浪費時間。

3，活字用了非系統(tǒng)字體

所謂活字，就是直接以文本形式展示在頁面上，而不是用圖片模擬的文字。對于這部分字體，我們一般會采用系統(tǒng)字體中的一種，不會因為幾個特殊字體而去加載一套中文字體文件。如果是英文字體，還可以考慮在高級瀏覽器下的自定義字體，不過也要考慮優(yōu)雅降級，以及字體的版權(quán)問題。所以老大問：為毛跟設(shè)計稿不一樣？我們只能說，沒這字體啊… 這里建議，即使是設(shè)計稿，活字也要用系統(tǒng)字體，否則就是坑啊，看著好看又實現(xiàn)不了。

4，版本不清晰

設(shè)計出的稿子，往往是一段時間的規(guī)劃功能，再去跟產(chǎn)品確認(rèn)。而產(chǎn)品一般會說，這個先不要，那個先不做。但當(dāng)真正去掉之后，所有這些間距調(diào)整，顏色背景影響等等，還是要再跟設(shè)計師確認(rèn)。所以如果可能的話，應(yīng)該每次需求只突出變更部分，而不是一個大而全的稿子。
網(wǎng)頁設(shè)計
程序員

前端開發(fā)，也有稱頁面仔，切圖仔，在還原設(shè)計的過程中，容易遇到的問題就更多了：

1，不考慮溢出

關(guān)于溢出這里有個基本的法則，就是只要是動態(tài)輸出內(nèi)容，或者有用戶輸入的，就一定要考慮溢出狀態(tài)的展示。文字溢出，列表溢出等等。當(dāng)拿到設(shè)計稿時，確認(rèn)好布局之后，就是各種溢出狀態(tài)的確認(rèn)了。

2，不分析設(shè)計稿就動手寫代碼

作為新手拿到設(shè)計稿之后，往往都想很快寫代碼，因為寫代碼才有快感。殊不知，頁面結(jié)構(gòu)的分析就跟程序架構(gòu)一樣重要，分析透徹才能兼顧各種情況以及部分的需求變更，所謂磨刀不誤砍柴工，結(jié)構(gòu)分析一定要先做的。

3，不考慮增刪元素的狀態(tài)

稍微大一點的公司，往往是多個需求并行，所以設(shè)計稿可能有超前的部分，或者中間由于各種原因?qū)崿F(xiàn)不了的功能。作為一個合格的前端工程師，在實現(xiàn)頁面的時候，就要做到一些可能變動的部分就算刪掉也不會對頁面造成大面積影響。

4，不考慮可維護性

能自適應(yīng)的地方盡量用自適應(yīng)，以便應(yīng)付需求變更。比如多個樓層，寬度調(diào)整，加個icon等等。舉個簡單例子，比如一個框框中間有個居中的按鈕，很多新手是直接用 margin-left 來定位的，這樣如果外層框框?qū)挾日{(diào)整，這個 margin-left 值就得跟著調(diào)整。雖說調(diào)個寬度也不麻煩，但是當(dāng)開發(fā)大型復(fù)雜頁面的時候，這些聯(lián)動的小改動也足夠搞死人了。

5，不仔細(xì)看設(shè)計稿

最常見的錯誤就是，設(shè)計稿上有邊框，但是顏色太淡沒看到?；蛘咴O(shè)計稿沒邊框，由于迭代樣式，加了深色背景，忽略了邊框沒有去掉。還有一種情況就是設(shè)計稿上的色塊是蓋住邊線的，但是實現(xiàn)的時候沒有蓋住，就導(dǎo)致那一部分看起來像凹進(jìn)去一樣。

6，看出 1px 沒那么難

很多新人都覺得要對齊 1px 的差距好難，聽上也有點吹毛求疵了。但是你想想，假如你是設(shè)計師，辛辛苦苦做出來個設(shè)計稿，哪哪都對不齊，你不會覺得不爽？其實只要你認(rèn)真仔細(xì)看，再加上一些練習(xí)，差幾像素幾乎一眼就可以看出來。實在不行感覺不確定，可以截圖到 PS 里面放大，再用參考線對比。

7，不考慮可擴展性

很多時候我檢查頁面還原，無非是多加幾個項目，多填些文字先試試看，但是很多人這一關(guān)都過不了。加了項目，要么就是沒有設(shè)置多行時候的下邊距，要么就是再多一行邊框變了，或者結(jié)尾的項目又要單獨設(shè)置樣式。加了文字，就直接頂出去毀了結(jié)構(gòu)。

以上就是二者在工作中遇到的常見問題，相信大家也遇到過很多細(xì)節(jié)方面的問題，歡迎評論交流。

名稱欄目：廣州網(wǎng)頁建設(shè)，怎樣高度還原設(shè)計稿？
分享路徑：http://aaarwkj.com/news26/33026.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、外貿(mào)建站、做網(wǎng)站、商城網(wǎng)站、手機網(wǎng)站建設(shè)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)
日韩欧美亚洲自拍另类| 日韩精品一区二区毛片| 丁香六月婷婷激情啪啪综合| 亚洲国产偷拍在线观看| 亚洲一区成人免费电影| 久久精品噜噜噜成人av农村| 婷婷激情六月中文字幕| 精品少妇人妻av免费久久久| 高清区一区二区在线播放 | 18禁成年大片免费网站| 亚洲天堂网免费在线看| 人妻一区日韩二区国产| 人妻有码系列中文字幕专区| 人妻久久一区二区三区精品99| 亚洲av成人精品网站推荐| 精品一区二区三区毛卡片| 成人在线免费黄色小说| 色男人天堂网在线视频| 精品一区精品二区国产日韩| 久久夜色精品亚洲国产| 欧美丰满老妇性猛交| 国产精品不卡一不卡二| 国产亚洲精品视频中文字幕| 蜜桃网站视频免费观看| 久久99精品综合国产女同| 在线一区二区三区高清视频| 国产精品毛片av在线| 久久国产国内精品国语对白| 久久免费欧美日韩亚洲| 国产三级网站在线观看| 欧美男女精品一区二区三区| 91午夜精品在线观看| 97视频精品全部免费观看| 麻豆人妻一区二区三区| 色吊最新在线视频免费观看| 亚洲婷婷久久一区二区| 国产一级二级三级久久| 国产亚洲男人av一区三区| 亚洲欧美二区中文字幕| 一区二区三区欧美日韩在线| av在线中文字幕剧情|