整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
片墻作為家里的軟裝點(diǎn)綴，如果做的不好，看上去就會顯得普通俗氣，但要是做好了，真的是提升整個(gè)家的顏值呢~今天，裝一網(wǎng)小編就為大家?guī)硪唤M非常文藝、有情調(diào)的照片墻設(shè)計(jì)效果圖，趕緊來參考參考吧~
你對照片墻是什么印象呢？小編對照片墻的印象大概是下面這樣的，中規(guī)中矩的設(shè)計(jì)，似乎少了點(diǎn)新意和趣味~
簡單的兩排設(shè)計(jì)，照片大小一模一樣~
更簡單，單排，不用花那么多心思設(shè)計(jì)
這樣的排列，小編我在朋友家見的~
經(jīng)常見到的心形排列
這個(gè)也是呢，結(jié)婚照設(shè)計(jì)成心形排列，大概很多家庭都是這樣設(shè)計(jì)的
照片墻設(shè)計(jì)
小編今天可不是為了讓大家看這些普通的照片墻設(shè)計(jì)的，當(dāng)然要給大家?guī)硪唤M文藝、摩登、個(gè)性、彰顯品位甚至有點(diǎn)夸張的照片墻設(shè)計(jì)，趕快來享受這場視覺的盛宴吧~
時(shí)尚摩登氣息爆棚~就是這么個(gè)性~
這樣的設(shè)計(jì)真的是夸張，不過夠洋氣
在這樣的環(huán)境里工作，心情應(yīng)該也是超棒的~
雖然規(guī)矩，但搭配的文藝有氣質(zhì)
沙發(fā)背景墻上這樣的一組照片，足夠受人夸贊的~
照片墻作為軟裝搭配，很好的和裝修風(fēng)格融合~
一股濃烈的工業(yè)風(fēng)來襲~小編可是hin喜歡呢~
分散性照片墻設(shè)計(jì)
上面都是比較分散的排列設(shè)計(jì)，接下來裝一網(wǎng)小編為大家?guī)碚麎φ掌蟸你可不要看花眼~
這整面墻方的、圓的黑色相框搭配錯落有致~
這電視背景墻一看就很有逼格~
這整面墻都貼上照片不僅有創(chuàng)意，還超好看~小編都覺的可以把自己幾十年的照片全貼上~
可別小看了這樣的設(shè)計(jì)~
這種自帶文藝感的東西，小編真的是要被折服了~
啊~~~已經(jīng)眼花繚亂了~
Oh，my god...有密集恐懼癥的還是要遠(yuǎn)離呦~
怎么樣，你有沒有被上面的照片墻驚艷到呢？
每一張照片都承載著一個(gè)故事，我們想把這些故事和回憶留住，所以在裝修中喜歡用照片來裝飾墻面，這就是照片墻很受歡迎的一個(gè)理由吧~接下來裝一網(wǎng)小編為大家分享一下照片墻的制作方法、注意事項(xiàng)以及風(fēng)水禁忌吧~
【照片墻制作方法和注意事項(xiàng)】
照片墻裝飾設(shè)計(jì)效果圖
照片墻是現(xiàn)在非常流行的一種墻壁裝修方法，不僅造價(jià)比較低，也比較美觀，可以把很多有幾年意義的照片保存在墻上，可以經(jīng)常的看到美好的瞬間，所以深受很多朋友的歡迎。照片墻的制作非常簡單，只要了解方法自己就可以制作，還可以自己動手更換形狀和照片內(nèi)容，不同的設(shè)計(jì)方法需要的尺寸和造型都不一樣，可以購買成品相框，自己組合設(shè)計(jì)。
一、照片墻制作方法
1、墻面尺寸，知道大小可以構(gòu)筑組合，最大的幾英寸幾英寸的最小使用，為5厘米之間的距離，最好的框架，結(jié)合形狀是長方形，正方形，或近菱形，雜亂的視覺影響。這完全是個(gè)人喜好。
2、墻壁的顏色，一般白色的墻壁，顏色組合框架不超過往往與黑，白，棕三，如果兒童房，能夠在同一時(shí)間，在顏色的射燈，上墻壁和深色鏡架，如黑色，棕色，紅木，胡桃木色，建議使用。
內(nèi)容選擇
家庭情況，框墻可以把一些概念形象，山水，人物，花卉等，但也把自己和家人的照片，旅游照片，當(dāng)然愛，孩子的經(jīng)驗(yàn)，美的事物的發(fā)展過程如果是前者，建議放在更加自由，凌亂，手感舒適，稍大的框架，最小的10英寸，用一張白紙，如果家人的照片，也可以是一個(gè)隨機(jī)或長方形的。
安置，一般在前面的樓梯邊的墻上，沙發(fā)背景墻上，餐廳的背景墻上，書房，臥室背景墻上或走廊的背景墻上的圖片墻。
二、注意事項(xiàng)
在購買的相片墻時(shí)要注意幾點(diǎn)，第一幀，幀體的必須是真正的木頭，因?yàn)楝F(xiàn)在有一個(gè)PS發(fā)泡相框，與PVC，木材，糧食等皮革之外，也被稱為高分子材料，實(shí)際它是塑料的，是一種體積含有塑料材料，木框架是外部噴水樹木，不見森林漆，幾乎沒有味道，隨后由框架厚度，大部分是框架的厚度1.5-2厘米，而幀槽深度只有0.5 – 0.8厘米，所以是一個(gè)問題，安裝玻璃1.5mm厚紙板，1MM-2MM厚，背板，然后后面的幀裝上S型掛鉤，掛于無形鉤，框的經(jīng)驗(yàn)和墻體裂縫，鏡框上墻的一部分，會有一定傾斜，它看起來非常不融洽，覺得像掛在那里，視覺感知是準(zhǔn)備下降。
照片墻的制作其實(shí)并不復(fù)雜，首先在尺寸的選擇上要合理，根據(jù)自己的墻面情況設(shè)計(jì)相框的大小，不同的親筆顏色搭配不同的照片請，在選擇之前要考慮進(jìn)去這些因素，才能做成具有裝飾效果的照片墻。不同的招聘內(nèi)容帶來的效果和感覺也不一樣，建議根據(jù)家里的整體裝修效果來選擇合適的照片內(nèi)容。不然有可能會和整體格調(diào)不和諧，影響美觀。
【照片墻風(fēng)水禁忌】
照片墻裝飾設(shè)計(jì)效果圖
一、照片墻形狀
客廳照片墻的風(fēng)水與照片墻的形狀有關(guān)。客廳照片墻有各種形狀，有方形的、菱形的、橢圓的等等。一般客廳內(nèi)都會掛方形的照片墻，因?yàn)榉叫螌偻粒瑸殛栃?，而圓形照片屬水，為陰性。可想而知，住宅內(nèi)總是陽氣多一點(diǎn)比較好，因此客廳內(nèi)更適合掛方形的照片墻。
二、忌用錘子與釘子
客廳照片墻內(nèi)掛照片的時(shí)候不能用錘子和釘子。因?yàn)榭蛷d照片墻掛的是家人的照片，應(yīng)該用漂亮的絲帶系上來懸掛。照片墻是來客來訪可以看到的地方，如果有釘子入眼，既影響整體美感，其鋒利的造型還會傷了和氣。
三、掛婚紗照
客廳內(nèi)掛婚紗照，象征著兩人的感情很好。如果是想擺放單張婚紗照的話，應(yīng)當(dāng)盡量擺正。西北方代表了丈夫，而西南方代表了太太，如果是在西北方擺放照片的話，意味著先生很疼愛太太。
四、財(cái)位和兇位
任何風(fēng)水都有兇吉之分，客廳照片墻的擺放也有兇吉之分。我們在掛客廳照片墻的時(shí)候，一定要記得將其擺放在客廳的財(cái)位或者吉位，兇位是絕對要避免的位置。
五、寶寶的照片
相信很多人都會問，既然婚紗照可以掛在墻上，那么寶寶的照片可以掛嗎?答案是可以的。無論是出生照片，還是周歲紀(jì)念照片，又或者是日常拍攝的照片，都可以掛在墻上。雖然這在風(fēng)水上沒有太大的講究，但是也不是掛得越多越好。要根據(jù)實(shí)際墻面的大小及照片的尺寸來看，掛的時(shí)候要擺正，達(dá)到一種平衡的和諧感。不過，并不是說寶寶的照片可以隨意掛，像是陶朱位就不行。陶朱位在風(fēng)水上可以說是發(fā)財(cái)吉利的位置，但是這個(gè)地方卻潛藏了一些我們看不見的東西，如果將寶寶的照片掛在這里，很有可能會使得寶寶染上怪病。
這就是裝一網(wǎng)小編今天分享給大家的關(guān)于照片墻的內(nèi)容，如果你也想把自家的照片墻設(shè)計(jì)的這么有逼格，還高大上，不防參考一下上面的設(shè)計(jì)呦~
如果您已經(jīng)籌備開始裝修了，那就來裝一網(wǎng)注冊招標(biāo)信息吧，免費(fèi)推薦3家裝修公司上門量房、做預(yù)算、出方案，全程免費(fèi)哦！
10秒獲得裝修報(bào)價(jià)，請復(fù)制下面鏈接！
http://bj.zhuangyi.com/m/zb/bj.html?utm_source=jrttpcliuping
手機(jī)用戶還可直接點(diǎn)擊下面圖片【10秒在線獲取裝修報(bào)價(jià)】！
構(gòu)的含義：
一種比較通俗的說法是"最高層次的規(guī)劃，難以改變的決定"這些規(guī)劃和決定奠定了事物未來發(fā)展的方向和最終藍(lán)圖。具體到軟件架構(gòu)，系統(tǒng)的各個(gè)重要組成部分及其關(guān)系構(gòu)成了系統(tǒng)的架構(gòu)，這些組成部分可以是具體的功能模塊，也可以是非功能的設(shè)計(jì)和決策，他們相互關(guān)聯(lián)組成一個(gè)整體。共同構(gòu)成軟件系統(tǒng)的架構(gòu)。
5個(gè)架構(gòu)要素：
性能、可用性、伸縮性、擴(kuò)展性、安全性
架構(gòu)設(shè)計(jì)中需要平衡這5個(gè)要素之間的關(guān)系以實(shí)現(xiàn)需求和架構(gòu)目標(biāo)
男人看著虛擬業(yè)務(wù)小組
性能
性能是網(wǎng)站的一個(gè)重要指標(biāo)，除非沒得選擇（例如：12306）。否則用戶無法忍受一個(gè)響應(yīng)緩慢的網(wǎng)站。
衡量性能手段：響應(yīng)時(shí)間，并發(fā)數(shù)，吞吐量
性能優(yōu)化：
性能問題無處不在，所以優(yōu)化的手段也非常多，從用戶瀏覽器到到數(shù)據(jù)庫，影響用戶請求的所有環(huán)節(jié)都可以進(jìn)行性能優(yōu)化
Web前端性能優(yōu)化：
一般來說，Web前端指網(wǎng)站業(yè)務(wù)邏輯之前的業(yè)務(wù)，包括瀏覽器加載，網(wǎng)站視圖模型，圖片服務(wù)，CDN服務(wù)可以通過瀏覽器緩存，使用頁面壓縮，合理布局頁面，減少cookie傳輸，主要優(yōu)化手段有優(yōu)化瀏覽器訪問、使用方向代理、CDN等
一、瀏覽器訪問優(yōu)化:
1、減少http請求：Http是無狀態(tài)的應(yīng)用層協(xié)議，意味著每次Http請求都需要簡歷通信鏈路進(jìn)行數(shù)據(jù)傳輸。在服務(wù)器端每個(gè)Http都需要獨(dú)立的線程去處理，這些通信和服務(wù)的開銷都很昂貴，減少Http請求的數(shù)目可有效提高性能訪問。主要手段有合并css,合并javaScript，合并圖片（多張圖片通過一張圖片由樣式偏移區(qū)分）。
2、使用瀏覽器訪問：對于一個(gè)網(wǎng)站而言，CSS、javaScript、Logo、圖標(biāo)這些靜態(tài)資源更新的頻率都比較低，而這些文件又是每次http請求都需要的，所以可以考慮將這些資源緩存在瀏覽器端，可以極好的改善性能。
3、啟用壓縮：在服務(wù)端對文件進(jìn)行壓縮，在瀏覽器端進(jìn)行解壓縮，可有效減少通信傳輸?shù)臄?shù)據(jù)量。
4、減少cookie傳輸：Cookie包含在每次請求和響應(yīng)中，太大的Cookie會嚴(yán)重影響數(shù)據(jù)傳輸，因此那些數(shù)據(jù)需要寫入Cookie需要慎重考慮，盡量減少Cookie中傳輸?shù)臄?shù)據(jù)量。
二、CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）加速：
CDN本質(zhì)任然是一個(gè)緩存，而且將數(shù)據(jù)緩存在用戶最近的地方，使用戶以最快的速度獲取數(shù)據(jù)，即所謂網(wǎng)絡(luò)訪問第一跳，CDN能夠緩存的一般是靜態(tài)資源，將其緩存在CDN可極大的改善網(wǎng)頁的打開速度。
三、反向代理：
方向代理在網(wǎng)站架構(gòu)中的作用很多，作為請求總?cè)肟?，可以保護(hù)網(wǎng)站安全（過濾請求等。。）、通過負(fù)載均衡改善網(wǎng)站高并發(fā)情況下的性能、配置緩存（靜態(tài)資源）功能加速Web請求。
應(yīng)用服務(wù)器端優(yōu)化：
應(yīng)用服務(wù)器就是處理網(wǎng)站業(yè)務(wù)的服務(wù)器，網(wǎng)站的業(yè)務(wù)代碼都部署在這里，是網(wǎng)站開發(fā)最復(fù)雜，變化最多的地方，優(yōu)化的手段有緩存、集群、異步等。
一、緩存：
網(wǎng)站性能優(yōu)化第一定律：優(yōu)先考慮使用緩存優(yōu)化性能。
緩存指將數(shù)據(jù)存儲在較高訪問速度的存儲介質(zhì)中，以供系統(tǒng)處理。一方面緩存訪問速度快，可以減少數(shù)據(jù)訪問的時(shí)間，另一當(dāng)面如果緩存的數(shù)據(jù)是經(jīng)過計(jì)算處理得到的，那么被緩存的數(shù)據(jù)無需重復(fù)計(jì)算可直接使用，因此緩存還起到計(jì)算計(jì)算時(shí)間的作用。
網(wǎng)站數(shù)據(jù)訪問通常遵循二八定律，即80%的訪問落在20%的數(shù)據(jù)上，因此可以利用將這20%的數(shù)據(jù)緩存起來，可很好的改善系統(tǒng)性能，提高數(shù)據(jù)訪問能力，降低存儲訪問壓力。
二、異步操作：
將用戶請求發(fā)送至消息隊(duì)列等待后續(xù)任務(wù)處理，而當(dāng)前請求直接返回響應(yīng)給用戶。
在不使用消息隊(duì)列的情況下，用戶的請求數(shù)據(jù)直接寫入數(shù)據(jù)庫，在高并發(fā)的情況下，會對數(shù)據(jù)庫造成很大的壓力，同時(shí)也使得響應(yīng)延遲加劇，在使用消息隊(duì)列后，用戶請求的數(shù)據(jù)發(fā)送給消息隊(duì)列后立即返回，再由消息隊(duì)列的消費(fèi)者進(jìn)程從消息隊(duì)列中獲取數(shù)據(jù)異步寫入數(shù)據(jù)庫，用戶的響應(yīng)延遲可得到有效改善。消息隊(duì)列還具有很好的削峰作用--即通過異步處理，將短時(shí)間高并發(fā)產(chǎn)生的事物消息存儲在消息隊(duì)列中，從而削平高峰期的并發(fā)事務(wù)。
三、集群：
一臺用戶服務(wù)器處理能力始終有限，此時(shí)我們應(yīng)該增加多臺服務(wù)器分擔(dān)壓力。
在網(wǎng)站高并發(fā)的場景下，使用負(fù)載均衡技術(shù)作為一個(gè)應(yīng)用構(gòu)建一個(gè)由多臺服務(wù)器組成的服務(wù)器集群，將并發(fā)請求分發(fā)到多臺服務(wù)器上處理，避免單一服務(wù)器因負(fù)載壓力過大而響應(yīng)緩慢，使用戶請求具有良好的響應(yīng)延遲。
可用性
網(wǎng)站可用性：網(wǎng)站可有效訪問特性。
對于大型網(wǎng)站而言，特別是知名網(wǎng)站，網(wǎng)站宕掉，服務(wù)不可用是一個(gè)重大事故。
網(wǎng)站的高可用架構(gòu)設(shè)計(jì)的目的就是保證服務(wù)器硬件故障時(shí)，服務(wù)依然可用，數(shù)據(jù)依然保存并能夠被訪問。
主要手段：
實(shí)現(xiàn)高可用架構(gòu)的主要手段是數(shù)據(jù)和服務(wù)的冗余備份及失效轉(zhuǎn)移，一旦某些服務(wù)器宕機(jī)，就將服務(wù)切換到其他可用的服務(wù)器上，如果磁盤損壞，則從備份的磁盤讀取數(shù)據(jù)。
高可用的應(yīng)用：
應(yīng)用層主要處理網(wǎng)站應(yīng)用的業(yè)務(wù)邏輯，因此有時(shí)也被稱為業(yè)務(wù)邏輯層，應(yīng)用的一個(gè)顯著特點(diǎn)是應(yīng)用無狀態(tài)性（無狀態(tài)應(yīng)用是指應(yīng)用服務(wù)器不保存業(yè)務(wù)的上下文信息，而僅根據(jù)每次請求提交的數(shù)據(jù)進(jìn)行相對應(yīng)的業(yè)務(wù)邏輯處理，多個(gè)服務(wù)器實(shí)例完全對等，請求到任意服務(wù)器，處理結(jié)果都是完全一樣的），因此實(shí)現(xiàn)集群很方便，不過也有一些需要注意的地方。
一、通過負(fù)載均衡進(jìn)行無狀態(tài)服務(wù)的失效轉(zhuǎn)移：
當(dāng)Web集群中有一臺應(yīng)用服務(wù)器宕機(jī)時(shí)，負(fù)載均衡通過心跳檢測機(jī)制發(fā)現(xiàn)該服務(wù)器失去響應(yīng)，就會把它從服務(wù)器列表中剔除，而將請求發(fā)送到其他服務(wù)器上面。
二、應(yīng)用服務(wù)器集群的Session管理：
應(yīng)用服務(wù)器的高可用架構(gòu)設(shè)計(jì)主要基于服務(wù)無狀態(tài)這一特性，但是事實(shí)上，業(yè)務(wù)總是有狀態(tài)的，例如在社交網(wǎng)站中，需要記錄用戶的當(dāng)前登錄狀態(tài)，Web應(yīng)用中將這些多次請求修改使用的上下文對象稱作會話（Session）。在單機(jī)應(yīng)用中，會話交由Web容器管理（tomcat等），在集群中，請求可能被分發(fā)到任意一臺應(yīng)用服務(wù)器中，所以擺正每次請求依然能夠獲得正確的Session比單機(jī)要復(fù)雜的多，通過在集群中有以下手段處理Session問題
1、Session復(fù)制：
顧名思義，多臺服務(wù)器之間進(jìn)行Session的復(fù)制，這種方案早期有被使用，而現(xiàn)在有的大型網(wǎng)站核心應(yīng)用集群就是數(shù)千臺服務(wù)器，這種方案顯然不合理。因此這種方案只適合小型集群。
2、利用Cookie記錄Session：
將Session記錄在客戶端，每次請求服務(wù)器的時(shí)候，將Session放在請求中發(fā)送給服務(wù)器，服務(wù)器處理完請求后再將修改過的Session響應(yīng)給客戶端。
利用Cookie記錄session也有一定的缺陷，比如受Cookie大小限制（H5新增LocalStore容量比cookie大）能記錄的信息有限、還有一個(gè)前面有提到過，每次請求都需要傳輸Cookie影響性能、如果用戶關(guān)閉Cookie，訪問就會不正常。但是由于Cookie的簡單易用，可用性高，支持應(yīng)用服務(wù)器的線性伸縮，而大部分應(yīng)用需要記錄的Session信息又比較小。因此事實(shí)上，許多網(wǎng)站都或多或少地使用Cookie記錄Session。
3、Session服務(wù)器;
session服務(wù)器是現(xiàn)在常用的解決方案，利用獨(dú)立部署的Session服務(wù)器（redis比較常用）統(tǒng)一管理Session，應(yīng)用服務(wù)器 每次讀寫Session時(shí)，都訪問Session服務(wù)器。
這種解決方案事實(shí)上是將服務(wù)器的狀態(tài)分離，分為無狀態(tài)的應(yīng)用服務(wù)器和有狀態(tài)的Session服務(wù)器，然后針對這兩種服務(wù)器的不同特性分別設(shè)計(jì)其架構(gòu)。
高可用的服務(wù)：
可復(fù)用服務(wù)模塊為業(yè)務(wù)產(chǎn)品提供基礎(chǔ)公共服務(wù)，大型網(wǎng)站中這些服務(wù)通常都獨(dú)立分布式部署，被具體應(yīng)用遠(yuǎn)程調(diào)用?？蓮?fù)用的服務(wù)和應(yīng)用一樣，也是無狀態(tài)服務(wù)，因此也可以通過負(fù)載均衡結(jié)合集群實(shí)現(xiàn)高可用，不過有一些服務(wù)策略需要注意。
一、分級管理
運(yùn)維上將服務(wù)器分級管理，核心應(yīng)用和服務(wù)優(yōu)先使用更好的硬件。
二、超時(shí)設(shè)置
由于服務(wù)器宕機(jī)、線程死鎖等原因，可能導(dǎo)致應(yīng)用程序?qū)Ψ?wù)端調(diào)用失去響應(yīng)，進(jìn)而導(dǎo)致用戶請求長時(shí)間得不到響應(yīng)。在應(yīng)用程序中設(shè)置超時(shí)時(shí)間，一旦超時(shí)，通信框架拋出異常，應(yīng)用程序根據(jù)服務(wù)調(diào)度策略，選擇轉(zhuǎn)移或者重試。
三、異步調(diào)用
高可用的數(shù)據(jù)
對許多網(wǎng)站而言，數(shù)據(jù)是其最寶貴的資源，保護(hù)網(wǎng)站的數(shù)據(jù)就是保護(hù)企業(yè)的命脈。
一、數(shù)據(jù)備份
數(shù)據(jù)備份是一種古老又有效的數(shù)據(jù)保護(hù)手段。通常有數(shù)據(jù)冷備和數(shù)據(jù)熱備份兩種方案。數(shù)據(jù)冷備指的是定期將數(shù)據(jù)復(fù)制到某種存儲介質(zhì)中，一旦系統(tǒng)存儲損壞，就送冷備的存儲數(shù)據(jù)中恢復(fù)數(shù)據(jù)。數(shù)據(jù)熱備份就是現(xiàn)在常見的主從復(fù)制，讀寫分離。操作數(shù)據(jù)時(shí)，對主數(shù)據(jù)庫進(jìn)行寫入操作，之類同步至從數(shù)據(jù)庫。
二、失效轉(zhuǎn)移
數(shù)據(jù)服務(wù)器集群和應(yīng)用服務(wù)器集群并無差異，宕機(jī)時(shí)需要轉(zhuǎn)移。
圖標(biāo)和背景上的文字
伸縮性
網(wǎng)站的伸縮性是指不需要改變網(wǎng)站的軟硬件設(shè)計(jì)，僅僅通過改變部署的服務(wù)器數(shù)量就可以擴(kuò)大或者縮小網(wǎng)站的服務(wù)處理能力。
網(wǎng)站的伸縮性設(shè)計(jì)可分為兩類，一類是根據(jù)功能進(jìn)行物理分離實(shí)現(xiàn)伸縮，一類是單一功能通過集群實(shí)現(xiàn)伸縮。前者是不同的服務(wù)器部署不同的服務(wù)，提供不同的功能；后者是集群內(nèi)多臺服務(wù)器部署相同的服務(wù)，提供相同的功能。
不同功能進(jìn)行物理分離實(shí)現(xiàn)伸縮：
網(wǎng)站發(fā)展早期--通過增加服務(wù)器提高網(wǎng)站處理能力時(shí)，新增服務(wù)器總是從現(xiàn)有服務(wù)器中分離部分功能和服務(wù)。每次分離都會有更多地服務(wù)器加入網(wǎng)站，使用新增的服務(wù)器處理某種特定的服務(wù)。
單一功能通過集群規(guī)模實(shí)現(xiàn)伸縮：
將不同的功能分離部署可以實(shí)現(xiàn)一定程度的伸縮性，但是隨著網(wǎng)站訪問量的逐步增加，即時(shí)分離到最小粒度的獨(dú)立部署，單一的服務(wù)器也不能滿足業(yè)務(wù)規(guī)模的要求。因此必須使用服務(wù)器集群，即將相同服務(wù)部署在多臺服務(wù)器上構(gòu)成一個(gè)集群整體對外提供服務(wù)。
一個(gè)具有良好伸縮性架構(gòu)設(shè)計(jì)的網(wǎng)站，其設(shè)計(jì)總是走在業(yè)務(wù)發(fā)展的前面，在業(yè)務(wù)需要處理更多的訪問和服務(wù)之前，就已經(jīng)做好充足準(zhǔn)備，當(dāng)業(yè)務(wù)需要時(shí)，只需要購買或者租用服務(wù)器簡單部署實(shí)施就可以了。
后面的觀點(diǎn)的年輕商人談抽象晚上市背景與抽象的數(shù)字業(yè)務(wù)圖表全息圖上電話。財(cái)務(wù)概念。二次曝光
擴(kuò)展性
指對現(xiàn)有系統(tǒng)影響最小的情況下，系統(tǒng)功能可持續(xù)擴(kuò)展或提升的能力。表現(xiàn)在系統(tǒng)基礎(chǔ)設(shè)施穩(wěn)定不需要經(jīng)常變更，應(yīng)用之間較少依賴和耦合，對需求變更可以敏捷響應(yīng)。當(dāng)系統(tǒng)新增新功能時(shí)，不需要對現(xiàn)有系統(tǒng)的結(jié)構(gòu)和代碼進(jìn)行修改。
主要手段
利用分布式消息隊(duì)列降低系統(tǒng)耦合性
如果模塊之間不存在直接調(diào)用，那么新增模塊或者修改模塊就對其他模塊影響最小，這樣系統(tǒng)的可擴(kuò)展性無疑更好一些。消息隊(duì)列（kafka等）利用發(fā)布--訂閱模式工作，消息發(fā)送者發(fā)布消息，一個(gè)或者多個(gè)消息接收者訂閱消息。對新增業(yè)務(wù)，只要對該類消息感興趣，即可訂閱該消息，對原有系統(tǒng)和業(yè)務(wù)沒有任何影響，從而實(shí)現(xiàn)網(wǎng)站的可擴(kuò)展設(shè)計(jì)。
利用分布式服務(wù)打造可復(fù)用的業(yè)務(wù)平臺
使用分布式服務(wù)是降低系統(tǒng)耦合性的另一個(gè)重要手段。如果說分布式消息隊(duì)列通過消息對象分解系統(tǒng)耦合性，不同子系統(tǒng)處理同一個(gè)消息；那么分布式服務(wù)則通過接口分解系統(tǒng)耦合性，不同子系統(tǒng)通過相同的接口描述進(jìn)行服務(wù)調(diào)用。
數(shù)字業(yè)務(wù)背景
安全性
衡量網(wǎng)站安全架構(gòu)的標(biāo)準(zhǔn)就是針對現(xiàn)存和潛在的各種攻擊與竊密手段。是否有可靠的應(yīng)對策略。
XSS攻擊
XSS攻擊即跨站點(diǎn)腳本攻擊，指黑客通過纂改網(wǎng)頁，注入惡意的HTML腳本，在用戶瀏覽網(wǎng)頁時(shí)，控制用戶瀏覽器進(jìn)行惡意操作的一種攻擊方式。
防護(hù)手段主要有
1、消毒：
XSS攻擊者一般都是通過在請求中嵌入惡意腳本達(dá)到攻擊的目的，這些腳本是一般用戶輸入中不使用的，如果進(jìn)行過濾和消毒處理，即對某些HTML關(guān)鍵字符轉(zhuǎn)義（“>“轉(zhuǎn)義成“>”），就可以防止大部分攻擊。
2、HttpOnly：
最早由微軟提出，即瀏覽器禁止頁面JavaScript訪問帶有HttpOnly屬性的Cookie。對于敏感信息的Cookie（如用戶認(rèn)證信息），可通過對該Cookie添加HttpOnly屬性，避免被攻擊腳本竊取。
sql注入攻擊
攻擊者在http請求中注入惡意SQL命令，服務(wù)器用請求參數(shù)構(gòu)造數(shù)據(jù)庫SQL命令時(shí)，惡意SQL被一起構(gòu)造，并在數(shù)據(jù)庫中執(zhí)行。
防護(hù)手段主要有
1、消毒：
和防XSS攻擊一樣，請求參數(shù)消毒是一種簡單粗暴又有效的手段。
2、參數(shù)綁定：
使用預(yù)編譯手段，綁定參數(shù)是最好芳SQL注入方法。目前許多數(shù)據(jù)訪問層框架，如mybatis，Hibernate等，都實(shí)現(xiàn)SQL預(yù)編譯和參數(shù)綁定，攻擊者的惡意SQL會被當(dāng)做SQL的參數(shù)，而不是SQL命令被執(zhí)行。
CSRF攻擊
CSRF(跨站點(diǎn)請求偽造)，攻擊者通過跨站點(diǎn)請求，以合法用戶的身份進(jìn)行非法操作，主要手段是利用跨站請求，在用戶不知情的情況下，以用戶的身份偽造請求。其核心是利用瀏覽器Cookie和Session策略，盜取用戶身份。
防護(hù)手段主要有：
1、表單Token
CSRF是一個(gè)偽造用戶請求的操作，所以需要構(gòu)造用戶請求的所有參數(shù)才可以。表單Token通過在請求參數(shù)中增加隨機(jī)數(shù)的辦法來阻止攻擊者獲得所有請求參數(shù)：在頁面表單中增加一個(gè)隨機(jī)數(shù)作為Token，每次響應(yīng)頁面的Token都不相同，從正常頁面提交的請求會包含改Token值，而偽造的請求無法獲得該值，服務(wù)器檢查請求參數(shù)中Token的值是否存在并且正確以確定請求提交者是否合法。
2、驗(yàn)證碼
相對來說，驗(yàn)證碼更加簡單有效，即請求提交時(shí)，需要用戶輸入驗(yàn)證碼，以避免在用戶不知情的情況下被攻擊者偽造請求。但是驗(yàn)證碼是一個(gè)糟糕的用戶體驗(yàn)，所以請?jiān)诒匾獣r(shí)使用，如支付交易等關(guān)鍵頁面。
3、Referer check
HTTP請求頭的Referer域中記錄著請求來源，可通過檢查請求來源，驗(yàn)證是否合法。
總結(jié)
性能、可用性、伸縮性、擴(kuò)展性和安全性是網(wǎng)站架構(gòu)最核心的幾個(gè)要素，這幾個(gè)問題解決了，大型網(wǎng)站架構(gòu)設(shè)計(jì)大部分挑戰(zhàn)也就克服了。有一個(gè)誤區(qū)需要注意，網(wǎng)站技術(shù)是為業(yè)務(wù)而存在的，不要為了技術(shù)而技術(shù)，選擇適合自身的才是最好的。
想要學(xué)習(xí)Dubbo框架、zookeper基本原理、redis分布式緩存、JVM性能優(yōu)化，Nginx+apache+Tomcat集群部署、大數(shù)據(jù)hadoop,Hbase實(shí)時(shí)計(jì)算spark、storm、數(shù)據(jù)分析分詞和權(quán)重等核心技術(shù)；需要的可以關(guān)注之后私信哈，記得要點(diǎn)贊轉(zhuǎn)發(fā)噢?。?！
來時(shí)如露，去時(shí)如電，留不住的始終是剎那芳華。
?這是一篇關(guān)于B端產(chǎn)品視覺校驗(yàn)的文章，全文10407字，閱讀時(shí)長約20分鐘。
01. 在工作中遇到的狀況
不管是在大公司工作、還是小公司工作，設(shè)計(jì)師常常會遇到這樣的問題，在新產(chǎn)品發(fā)布之前，都會做一遍線上的ui視覺校驗(yàn)，在這個(gè)過程中，前端開發(fā)工程師所寫的界面總會發(fā)生圖片變形，文字字號不對，元素與元素之間不對齊的事情發(fā)生。
設(shè)計(jì)師給前端開發(fā)工程師標(biāo)記了已經(jīng)實(shí)現(xiàn)頁面中錯誤的地方，但是多數(shù)前端開發(fā)工程師一聽那么多頭都大了，在緊張的上線日期限制下更有甚者不予理睬直接上線，用戶吐槽設(shè)計(jì)不嚴(yán)謹(jǐn)，導(dǎo)致設(shè)計(jì)背鍋。
為什么老板會覺得不好呢？其實(shí)是產(chǎn)品在用戶體驗(yàn)的本能層次出現(xiàn)的不好的體驗(yàn)。
02. 好產(chǎn)品具備的特征
全球的認(rèn)知心理學(xué)家（美）諾曼在《情感化設(shè)計(jì)》這本書中講產(chǎn)品本能水平的設(shè)計(jì)——本能層；行為水平的設(shè)計(jì)——行為層；反思水平的設(shè)計(jì)——反思層。
如果把產(chǎn)品做的作為產(chǎn)品一個(gè)目標(biāo)的話，我們可以利用產(chǎn)品五要素把產(chǎn)品劃分5個(gè)層次，再用諾曼教授提出的感情感化設(shè)計(jì)的3個(gè)層次聯(lián)系起來，并把這些情感分為5個(gè)緯度進(jìn)行考察就可以得到下面這張知識網(wǎng)絡(luò)圖。
從上面這張圖我們可以看出用戶評判一個(gè)產(chǎn)品好壞的標(biāo)準(zhǔn)還是來自于產(chǎn)品的表現(xiàn)層、框架層、結(jié)構(gòu)層中的直觀體驗(yàn)也就本能層次和行為層次的感受，如果產(chǎn)品的吸引度、完成度、滿意度、忠誠度、推薦度的數(shù)據(jù)很高也就證明產(chǎn)品很好，如果數(shù)據(jù)表現(xiàn)不好那可以判斷產(chǎn)品還是有需要提升的地方。
回到第一張圖片，老板覺得有問題的原因就在于產(chǎn)品在本能層次的不合格，那重點(diǎn)來了有什么設(shè)計(jì)方法可以避免本能層出現(xiàn)問題的情況嗎？我的答案是可以使用設(shè)計(jì)走查這個(gè)方法。
03. 設(shè)計(jì)走查的意義
一名專業(yè)的B端設(shè)計(jì)師，并不是說你把設(shè)計(jì)稿做的很完美，把標(biāo)注和切圖完整地交給開發(fā)小哥哥之后就完事了，其實(shí)在這個(gè)階段設(shè)計(jì)只是完成設(shè)計(jì)工作中產(chǎn)出效果圖的工作，并沒有進(jìn)行最后驗(yàn)收的環(huán)節(jié)，如果開發(fā)還原出來的產(chǎn)品跟設(shè)計(jì)稿差距較大的話，設(shè)計(jì)其實(shí)也是要負(fù)很大責(zé)任的。
就好比工廠的流水線中一臺電腦的生產(chǎn)，把電腦從工廠搬到運(yùn)輸車上也算是電腦生產(chǎn)完畢，但是必須要送到客戶手里，客戶簽字確認(rèn)，工廠才能算是電腦賣出去了，由此可見設(shè)計(jì)走查是保證用戶有高質(zhì)量體驗(yàn)的不可缺少的一個(gè)環(huán)節(jié)。
我理解設(shè)計(jì)走查的意義在于3點(diǎn)：
1、確保產(chǎn)品的設(shè)計(jì)細(xì)節(jié)的還原度合格，從而保證產(chǎn)品的視覺效果和交互體驗(yàn)?zāi)軡M足用戶需求。
2、是設(shè)計(jì)師衡量設(shè)計(jì)師是否合格設(shè)計(jì)師的一項(xiàng)重要指標(biāo)；
3、通過細(xì)致入微的專業(yè)設(shè)計(jì)素質(zhì)贏得公司團(tuán)隊(duì)內(nèi)部設(shè)計(jì)話語權(quán)的提升。
既然設(shè)計(jì)走查這么重要為什么大家還會忽視呢？其實(shí)大家對設(shè)計(jì)走查的看法有一個(gè)誤區(qū)，如果你想成為一名專業(yè)的B端設(shè)計(jì)師，一定要改變以上的錯誤觀念，擺正一個(gè)正確的設(shè)計(jì)觀念。
設(shè)計(jì)師在公司代表著視覺上的最高水準(zhǔn)，設(shè)計(jì)稿則是設(shè)計(jì)師專業(yè)能力的體現(xiàn)，如果一個(gè)設(shè)計(jì)師的能力是100分，設(shè)計(jì)稿的分值90分，開發(fā)實(shí)現(xiàn)后的產(chǎn)品分值為50分，在沒有進(jìn)行設(shè)計(jì)校驗(yàn)的情況下，這時(shí)候?qū)a(chǎn)品發(fā)布出去，用戶或者老板只知道該公司的產(chǎn)品設(shè)計(jì)只有50分，而不會知道背后設(shè)計(jì)師最高的水準(zhǔn)是100分。
慢慢的設(shè)計(jì)師就會在開發(fā)團(tuán)隊(duì)中做設(shè)計(jì)變得很被動，越被動就會越?jīng)]有話語權(quán)，所以對一名專業(yè)的B端設(shè)計(jì)師來說，除了擁有很強(qiáng)大的效果圖設(shè)計(jì)能力之外，還需要有保證效果圖落地能力。
01. 設(shè)計(jì)走查的種類
設(shè)計(jì)走查是一種設(shè)計(jì)層面找尋問題的方法，多數(shù)應(yīng)用在找尋產(chǎn)品問題或者是對項(xiàng)目開發(fā)過程中的測試環(huán)節(jié)。具體的方式我歸類為3種：
1）體驗(yàn)設(shè)計(jì)走查：是指人機(jī)交互之間的細(xì)節(jié)體驗(yàn)、比如非力度測試、滿意度測試?？捎眯詼y試的調(diào)查這些方法都是體驗(yàn)走查的一部分。
2）交互設(shè)計(jì)走查：是指針對產(chǎn)品場景與場景之間的動態(tài)交互效果進(jìn)行走查。
3）視覺設(shè)計(jì)走查：是指前端開發(fā)出來的靜態(tài)頁跟設(shè)計(jì)師出的效果進(jìn)行視覺細(xì)節(jié)的校對和檢查，確保開發(fā)出來的視覺和設(shè)計(jì)圖保持一致。
02. 制作走查表的三種方法
設(shè)很多人會納悶了，我們公司是沒有這種走差表的那怎么進(jìn)行這三種設(shè)計(jì)走查呢？這里告訴大家我的一個(gè)工作辦法，總共分為3個(gè)階段“尋找·借鑒”——“思考·定制”——“優(yōu)化·完善”。
a.尋找·借鑒
當(dāng)大家有一個(gè)知識的概念如果想更深入了了解這個(gè)概念就需要在網(wǎng)上找一些關(guān)于這個(gè)概念的信息，這個(gè)過程就是尋找。如果大家沒有做過類似這種設(shè)計(jì)走查的經(jīng)驗(yàn)，那第一時(shí)間也是去尋找，尋找設(shè)計(jì)走差的概念甚至是做好了的走查表用過工作中，那有人會有疑問那不是抄襲嗎？我的回答“是的”，但是大家要想清楚一個(gè)問題，在工作中用最高效簡單的辦法是完成工作內(nèi)容是最重要的。
可能還會有人問，別的公司和我們公司做的行業(yè)不同，那別人公司的走差表我們公司能用嗎？我的回答是可以復(fù)用70%左右的，那剩下的30%就需要進(jìn)入下一個(gè)步驟“思考·定制”階段了。
b.思考·定制
當(dāng)我們完成第一步之后，就需要做自己所處的行業(yè)或者產(chǎn)品有一個(gè)認(rèn)知，思考我們的用戶類型是什么，他們的使用場景是什么，他們最需要解決的需求是什么等等問題，然后在根據(jù)這些問題定制一系列體驗(yàn)、交互、設(shè)計(jì)的問題，那就成為了自己產(chǎn)品定制的一份設(shè)計(jì)走查表了。
c.優(yōu)化·完善
任何工作都需要持續(xù)迭代，為了變得更好的適合當(dāng)前的工作。比如在第二階段定制的問題有些微交互動效果的問題前年是用戶比較在意的，現(xiàn)在很多產(chǎn)品都有了微交互動效了現(xiàn)在還問意義就沒有那么大了，我們的設(shè)計(jì)走查表也要根據(jù)互聯(lián)網(wǎng)的大環(huán)境不斷的進(jìn)行優(yōu)化和完善。
03. 產(chǎn)品表現(xiàn)層——視覺校驗(yàn)
設(shè)計(jì)走查和設(shè)計(jì)校驗(yàn)并沒有大的區(qū)分，但是我理解設(shè)計(jì)走查是一個(gè)比較新型的詞，設(shè)計(jì)走查的范圍要比設(shè)計(jì)校驗(yàn)的范圍大一些。
有些公司會把設(shè)計(jì)走查應(yīng)用與改版之前當(dāng)作找尋產(chǎn)品問題的一種方法，也有一些公司會把設(shè)計(jì)走查應(yīng)用于項(xiàng)目做完開發(fā)在測試環(huán)節(jié)做測試的一種方法。比如在啟動產(chǎn)品改版前可以通過“視覺設(shè)計(jì)基礎(chǔ)自查表”來收集產(chǎn)品目前的視覺體驗(yàn)問題；
當(dāng)項(xiàng)目處于即將上線在測試階段時(shí)候可以使用“視覺設(shè)計(jì)基礎(chǔ)自查表”來審查產(chǎn)品視覺實(shí)現(xiàn)層面是否合格，現(xiàn)在很多公司都用更簡單的“設(shè)計(jì)校驗(yàn)問題記錄”表格來把視覺問題記錄。
04. 視覺校驗(yàn)需要審查那些緯度
設(shè)計(jì)校驗(yàn)驗(yàn)收表可以簡單的理解為是用于審查產(chǎn)品表現(xiàn)層的“形狀、色彩、字體、構(gòu)成、質(zhì)感、動效這六點(diǎn)問題的記錄的表格。其實(shí)這六點(diǎn)也是諾曼教授提出的感情感化設(shè)計(jì)中本能層次和行為層次審查的六點(diǎn)。
在講如何做之前，大家還是要先了解一下驗(yàn)收流程中的步驟。
01. 視覺校驗(yàn)做什么
這里描述兩點(diǎn)一個(gè)是開發(fā)階段、測試階段的流程。
在公司的項(xiàng)目開發(fā)階段：是設(shè)計(jì)師設(shè)計(jì)完效果圖，進(jìn)行標(biāo)注（現(xiàn)在大家都是使用第三方標(biāo)注軟件比如藍(lán)湖、摹刻、Sketch Measure 等），在交付開發(fā)。
在項(xiàng)目測試階段：一般都是產(chǎn)品經(jīng)理發(fā)起一個(gè)項(xiàng)目進(jìn)入測試階段的通知把設(shè)計(jì)師、開發(fā)、測試、和產(chǎn)品經(jīng)理都設(shè)置為參與者，之后由測試人員進(jìn)行產(chǎn)品功能邏輯的測試、設(shè)計(jì)師進(jìn)行視覺驗(yàn)收；驗(yàn)收完成后產(chǎn)品經(jīng)理驗(yàn)收測試結(jié)果，如有問題找開發(fā)進(jìn)行修改；修改完畢再找測試、設(shè)計(jì)、產(chǎn)品進(jìn)行確認(rèn)，沒問題就封版了，產(chǎn)品經(jīng)理確認(rèn)發(fā)版日期，如果還有問題就再修改。
02. 視覺校驗(yàn)的驗(yàn)收標(biāo)準(zhǔn)
很多剛?cè)胄械脑O(shè)計(jì)新手，在校驗(yàn)階段不知道那些緯度的視覺差別，以至于很多視覺元素都需要查看，對于c端誰是來說界面的場景因?yàn)榻换ケ容^簡單還能應(yīng)付，
但是對于模塊功能復(fù)雜、交互場景眾多的B端ui設(shè)計(jì)來說每個(gè)場景都要查看很耗費(fèi)精力工作效率也不高。
所以我總結(jié)以下幾個(gè)高頻出現(xiàn)問題的點(diǎn)供大家參考，大家可以按照以下幾個(gè)緯度進(jìn)行視覺走查，提高自己在工作中的效率。
a.檢查設(shè)計(jì)稿的可行性
人無完人，再專業(yè)的設(shè)計(jì)師，也不可能100%保證自己的設(shè)計(jì)方案就是最好的設(shè)計(jì)方案，在交付設(shè)計(jì)稿前期設(shè)計(jì)師應(yīng)該自我檢查自己的設(shè)計(jì)稿是否能清晰的傳遞信息，對于一些重要的模塊是否能凸顯出來，對于一些比較復(fù)雜的交互場景開發(fā)是否能夠?qū)崿F(xiàn)，市場上眾多的屏幕尺寸，這樣的布局方式是否是最為合理的等這些緯度進(jìn)行思考做設(shè)計(jì)，保證設(shè)計(jì)方案的可行性。
這里我舉一個(gè)我真實(shí)的案例，起初我接到的需求就是設(shè)計(jì)一個(gè)模塊里面信息排版，如果我采用我直接采用第一個(gè)方案那肯定是不行，因?yàn)樾畔蛹墔^(qū)分不夠明顯，所以第二個(gè)方案把數(shù)字標(biāo)簽用顏色進(jìn)行了區(qū)分，但是我又想如果出現(xiàn)文案比較多的場景，對齊方式都是左對齊那“指標(biāo)值”的細(xì)心就不可能保持左對齊，所以我又出了第四個(gè)方案，目前來看第四種方案可是適應(yīng)多種場景，算是最佳方案。
假設(shè)當(dāng)時(shí)我就交付前端開發(fā)第一種方案，上線后出現(xiàn)問題，還需要調(diào)整到第四種方案，慢慢的前端開發(fā)就會質(zhì)疑設(shè)計(jì)的專業(yè)能力，后續(xù)合作也會難以推進(jìn)了。
b.組件調(diào)用是否正確
B端產(chǎn)品的業(yè)務(wù)復(fù)雜、，模塊交叉設(shè)計(jì)數(shù)量多，所以在設(shè)計(jì)b端產(chǎn)品初級都是用原子化的思維搭建一個(gè)組件庫，前端是開發(fā)階段在樣式庫中寫一個(gè)標(biāo)準(zhǔn)的控件樣式，然后在不同的頁面場景中調(diào)用公共樣式，原理類似于我們在 Sketch 中搭建 Symbol。我們要從兩個(gè)方面看組件是否調(diào)用正確。
1）公共組件是否正確
公共組件調(diào)用正確，好處就是公產(chǎn)品的整體視覺風(fēng)格是一致的，比如頁面的側(cè)邊導(dǎo)航，搜索場景、詳情頁場景布局是否一致，在斷網(wǎng)或者報(bào)錯的場景中出現(xiàn)提醒條樣式是否一致?？蛇M(jìn)行交互的按鈕樣式出現(xiàn)的交互狀態(tài)的按鈕是否一致等等。
2）業(yè)務(wù)組件是否正確
在真實(shí)開發(fā)場景中，有一些前端開發(fā)在雖然調(diào)用一個(gè)樣式，但是在設(shè)計(jì)規(guī)范中一個(gè)樣式可能會有多個(gè)尺寸，比如這個(gè)按鈕，在開發(fā)階段避免不了出現(xiàn)樣式雖然是對的，但是尺寸調(diào)用錯誤的情況出現(xiàn)，所以要查看一下組件的樣式和尺寸前端開發(fā)是否調(diào)用正確。
按照這個(gè)思路去設(shè)計(jì)最為重要的就是要檢查開發(fā)人員調(diào)用的組件庫的規(guī)格是否是我們設(shè)計(jì)稿的規(guī)格，以此類推去整體的布局、按鈕樣式，報(bào)錯樣式。
這里需要描述的內(nèi)容相對較多，以后有機(jī)會我可以再補(bǔ)充一份關(guān)于《如何搭B端建組件庫》的文章，咱們詳細(xì)聊一聊。
c.空間關(guān)系是否一致
空間關(guān)系可以簡單的理解為模塊與模塊之間的“間距”關(guān)系和組件與組件之間“間距”的關(guān)系。
1）模塊與模塊之間——間距
所有模塊（卡片）之間的間距，這里具體指的頁面布局包括橫向間距和縱向間距，大家可以采用4px（或者8px）的倍數(shù)進(jìn)行刪格布局，把刪格布局的基礎(chǔ)規(guī)范梳理出來，以這個(gè)規(guī)范當(dāng)作標(biāo)注來審查橫向間距和縱向間距。
2）組件與組件之間——間距
另外一點(diǎn)就是我們在搭建組件階段，組件與組件之間的間距關(guān)系是否一致，不要出現(xiàn)不對齊的情況出現(xiàn)。
3）為什么要用統(tǒng)一間距
大家了解空間關(guān)系都看那些緯度后，我們再來解答一下大家的心中的疑惑?？傉f要間距要保持一致，但是為什么要保持一致呢？主要原因有以下三點(diǎn)：
對于如何使用間距，我建議大家可以看一看《寫給大家看的設(shè)計(jì)書》里面關(guān)于版式設(shè)計(jì)四大原則的講解和有關(guān)格式塔原理的文章。
d.文案的顯示是否清晰
在ui設(shè)計(jì)中，我們總避免不了與字體打交道，字體也經(jīng)常是我們在設(shè)計(jì)中容易忽視的部分，影響字體的清晰度無非是字體、字號，字重，段間距這幾個(gè)參數(shù)的設(shè)計(jì)。
1）字體
字體的實(shí)現(xiàn)其實(shí)是電腦渲染的一個(gè)過程，mac電腦默認(rèn)字體是蘋方，wids電腦默認(rèn)字體是微軟雅黑。在字體的選擇里面行業(yè)里是有標(biāo)準(zhǔn)的規(guī)范的，比如ont-family：serif、sans-serif、monospace、cursive和fantasy這無種字體，前端在編寫代碼時(shí)候會把這種多個(gè)字體名稱保存為“字體的回退機(jī)制”來定義，意思就是如果展示的設(shè)備（瀏覽器）檢索是沒有第一款字體就依次順延使用下一款字體，這個(gè)大家只需要了解就好，在字體選擇中使用頻次最多的還是對數(shù)字字體的選擇。
對于數(shù)字的字體設(shè)計(jì)要提前查看是否字體有版權(quán)。這里分享一個(gè)可以免費(fèi)查詢字體的網(wǎng)站：https://fonts.safe.360.cn/?from=bd
不同的網(wǎng)站對字體排序的方式可能不一樣，有興趣的小伙伴可以用下面這個(gè)的方法進(jìn)行查看。
2）字號/行高
對字體的字號也要進(jìn)行走查，因?yàn)樵陂_發(fā)階段在不同的瀏覽器種顯示的字號會有變形的情況出現(xiàn)。
另外考慮各個(gè)瀏覽器的兼容問題，pc端建議使用最好的字號是12pt，因?yàn)?2pt可以保證在現(xiàn)在市面上的瀏覽器種是可以清晰顯示的，如果有特殊場景需要用到12pt以下的字號，需要和開發(fā)說明并且標(biāo)注出來。
3）字重
設(shè)計(jì)區(qū)分文案層級的場景使用頻率最高、視覺效果最好的設(shè)計(jì)方法就是給字體加粗的字體樣式了。
這里要注意的是初級設(shè)計(jì)師的眼力可能還沒有達(dá)到很高的水平，尤其是最小的字體顯示加粗或者不加粗的效果視覺在電腦那么大的屏幕上感官并不是很明顯，所以最好可以通過從代碼的層面進(jìn)行核對，具體方式可以看圖：
e.顏色的選擇是否科學(xué)
產(chǎn)品是給用戶呈現(xiàn)面積最大的一個(gè)元素對用戶來說感官層也是表現(xiàn)最為明顯的一個(gè)元素，所以在校驗(yàn)中“顏色”是最容易造成落地頁面與設(shè)計(jì)稿視覺差異的一個(gè)因素。
1）色差
因?yàn)榇蠹移聊坏募夹g(shù)一般是LG屏幕（屏幕的使用時(shí)間越長色彩的還原度越低）。
雖然有的時(shí)候在查看代碼時(shí)候色值是正確的，但是也要根據(jù)具體的場景進(jìn)行分析，這里建議大家不要使用具有不透明度的色值（雖然在c端中經(jīng)常會使用，有不透明度會使顏色比較透亮但是在B端產(chǎn)品中定位是工具，工具就要以效率在第一位，美觀在第二位，所以這個(gè)場景的顏色使用盡量以清晰展示為第一準(zhǔn)則。
2）顏色種類
b端產(chǎn)品中，柱狀圖、折線圖的樣式比較多，在設(shè)計(jì)這類圖標(biāo)時(shí)候盡量避免多種顏色的出現(xiàn)，還是因?yàn)锽端產(chǎn)品定位的原因，太多的顏色設(shè)計(jì)勢必會干擾用戶進(jìn)行判斷。
g.圖標(biāo)的尺寸是否合理
不管是在C端產(chǎn)品還是B端產(chǎn)品中圖標(biāo)的也是高頻出現(xiàn)的一個(gè)元素，圖標(biāo)本身的意思就是簡化文字信息，通過圖形去高效的傳達(dá)一個(gè)固定的文案信息。
對于圖標(biāo)的設(shè)計(jì)走查大致分為兩點(diǎn)：
1）大小
我們在設(shè)計(jì)icon圖標(biāo)時(shí)候，會根據(jù)不同的場景進(jìn)行圖標(biāo)尺寸的規(guī)范輸出，但是在真實(shí)的開發(fā)環(huán)境當(dāng)中，開發(fā)在使用我們提供的插件（藍(lán)湖）進(jìn)行icon下載時(shí)候，會提供3種icon的尺寸下載，前端開發(fā)在使用切圖時(shí)候往往會忽視掉圖標(biāo)的尺寸問題，對于圖標(biāo)的設(shè)計(jì)走查，是否圖標(biāo)使用的尺寸是我們設(shè)計(jì)使用的規(guī)范，所以第一個(gè)就要看大小是否能清晰的展示。
2）svg格式開發(fā)
因?yàn)閜c電腦的屏幕尺寸、分辨率往往是高于移動端的屏幕尺寸、分辨率，圖標(biāo)的切片做的太小上傳到屏幕上會出現(xiàn)模糊的展示效果，如果圖標(biāo)不能清晰的展示圖標(biāo)所呈現(xiàn)的圖形，那就會造成用戶一定的識別障礙，所以一定要保證圖標(biāo)不要有模糊的情況出現(xiàn)，盡量使用svg格式圖標(biāo)切片給到開發(fā)。
設(shè)計(jì)校驗(yàn)工作不能說難，但是有耐心有細(xì)心的設(shè)計(jì)師都可以完成的，一遍視覺校驗(yàn)需要1——2天的時(shí)間，相對來時(shí)比較耗費(fèi)大家的精力。
換個(gè)角度思考，如果我們從項(xiàng)目開發(fā)的前期就控制設(shè)計(jì)走查的工作量，那我們可能會減少了走查的工作量。接下來我們就聊一聊怎么減少設(shè)計(jì)校驗(yàn)的工作量。
01. 了解需要視覺校驗(yàn)的原因
前面我們一直講的是做視覺校驗(yàn)需要校驗(yàn)的維度，我相信更多的設(shè)計(jì)師還是希望把精力放在做設(shè)計(jì)效果圖階段，畢竟如何做只能單純的提高我們的校驗(yàn)的效率，想要在開發(fā)過程中減少對項(xiàng)目的設(shè)計(jì)校驗(yàn)的工作，
我們需要清楚兩個(gè)答案，一個(gè)是“在開發(fā)過程中為啥需要設(shè)計(jì)走查”和“開發(fā)不愿意修改的原因”。
a.誰負(fù)責(zé)實(shí)現(xiàn)樣式
開篇我已經(jīng)講了設(shè)計(jì)走查的意義（原因），為啥要做視覺校驗(yàn)其實(shí)和設(shè)計(jì)走查的原因差不多，但是我想從開發(fā)流程再聊一聊。在一個(gè)產(chǎn)品開發(fā)中設(shè)計(jì)師下游需要對接人的人員角色統(tǒng)稱為開發(fā)工程師。
但是在這類角色中其實(shí)也是會細(xì)分為三種角色：前端工程師、后段工程師、測試工程師。而前端工程師是我們主要對接工作內(nèi)容的對象。
因?yàn)樽鲰?xiàng)目多數(shù)情況是多人協(xié)作共同完成的工作可以從上面圖片可以看出，前端工程師是實(shí)現(xiàn)我們效果圖樣式的主要人員。
b.前端工程師心里所想
前端工程師的工作內(nèi)容需要一一查看設(shè)計(jì)師提供的標(biāo)注，然后再一一去實(shí)現(xiàn)，所以難免不了心里會這樣所想：好麻煩，如不我自己按照感覺寫。
在真實(shí)的工作中，前端開發(fā)按照規(guī)范進(jìn)行項(xiàng)目開發(fā)這種思路是對的，但是設(shè)計(jì)師強(qiáng)硬的要求前端開發(fā)工程師，按照規(guī)范進(jìn)行開發(fā)是過于“理想化”的一種表現(xiàn)。
所以我們還是要先從自身出發(fā)，循序漸進(jìn)的要求前端工程師按照我們的設(shè)計(jì)規(guī)范進(jìn)行開發(fā)，這就來到我們下一個(gè)話題。
02. 如何避免呢
那么接下來我們來聊一聊身為設(shè)計(jì)師我們要怎么做，才能避免進(jìn)入過多的設(shè)計(jì)校驗(yàn)?zāi)亍?/span>
a.了解開發(fā)實(shí)現(xiàn)原理
如果想成為一個(gè)高端進(jìn)階的設(shè)計(jì)師，我們要給自己增加籌碼，那最為直接增加籌碼的方式就是——站在開發(fā)者的視野看待問題，了解開發(fā)思維。
國內(nèi)前端寫樣式的代碼基本上是HTML+css，jacascript，注意這不算是編程，只是一個(gè)寫樣式的語言，簡單的理解就是盒子模型（css語言）
1）盒子模型
CSS盒子模型 又稱框模型 (Box Model) ，包含了元素內(nèi)容（content）、內(nèi)邊距（padding）、邊框（border）、外邊距（margin）幾個(gè)要素。如圖：
舉一個(gè)圖文模塊的例子：圖（1）是設(shè)計(jì)師輸出的設(shè)計(jì)稿， 圖（2）是開發(fā)需要的標(biāo)注信息（我們實(shí)際給到開發(fā)的標(biāo)注）開發(fā)需要的查看的就是色塊的尺寸和色塊之間的間距。
2）用框架化思維做設(shè)計(jì)稿
了解完前端制作咱們效果圖的原理后，我們就要用這個(gè)盒子模型的概念，像是搭建房子的原理去制作效果圖，所有的組件之間都是有理有據(jù)的，那這個(gè)專業(yè)術(shù)語就叫做框架化ui。
前端開發(fā)工程師通過一個(gè)個(gè)盒子填充來將我們的組件元素放入其中，最終形成前端展示的頁面。
注意：標(biāo)準(zhǔn)的額框架化就像前面的盒子模型是一塊一塊制作的，考慮到開發(fā)同學(xué)開發(fā)階段組件的嵌套邏輯。
3）開發(fā)者模式
如果還是不太了解盒子模型具體是什么的同學(xué)可以在線上使用下圖的方法自己去查看。
設(shè)計(jì)師在視覺校驗(yàn)時(shí)使用瀏覽器就可以看到開發(fā)寫的盒子，了解盒子也可以方便我們走查時(shí)知道問題在哪。具體操作步驟：
b.檢查自己的設(shè)計(jì)稿
在給前端開發(fā)工程師的提供設(shè)計(jì)標(biāo)注階段需要提前保證自己出的效果圖是有效的設(shè)計(jì)方案，符合基礎(chǔ)的視覺需求，都能保證模塊設(shè)計(jì)的可擴(kuò)展性及規(guī)范化，避免定稿后在反復(fù)修改設(shè)計(jì)方案。
比如；當(dāng)我們設(shè)計(jì)產(chǎn)品中的搜索條件模塊時(shí)候，我們需要考慮在一行展示3個(gè)搜索條件，一行展示4個(gè)搜索條件或者一行展示6個(gè)搜索條件并且放不下的情況下，那效果的展示樣式都是應(yīng)該是什么樣式的這列問題。
再比如，我們設(shè)計(jì)完一個(gè)場景的設(shè)計(jì)稿之后，還要考慮不同屏幕尺寸下這套效果圖的布局是否能滿足產(chǎn)品需求，如果不滿足在那設(shè)計(jì)稿需要調(diào)整成什么樣式的設(shè)計(jì)稿。
03. 做好標(biāo)注文檔
除了確保設(shè)計(jì)稿的可行性之外，還要做好設(shè)計(jì)稿的標(biāo)準(zhǔn)文檔。如果項(xiàng)目是小版本的迭代就只需要進(jìn)行簡單的描述即可，如果是組件庫的升級，那就需要 給前端工程師的標(biāo)注文檔，盡量是詳細(xì)的、準(zhǔn)確的。
包括設(shè)計(jì)稿、切圖（規(guī)范的切圖命名、壓縮好的圖片文件）標(biāo)注、設(shè)計(jì)規(guī)范以及交互文檔（包含標(biāo)字體標(biāo)注）。
a.描述到什么程度
那細(xì)致描述到什么程度呢？這里我簡單的說幾個(gè)點(diǎn)，比如：
·側(cè)邊導(dǎo)航欄在正常模式下、縮緊模式下，導(dǎo)航欄的寬度是如何變化的，
·如有有圖片信息的上傳，是什么圖片比例是什么，是21:9‘16:9，4:3.1:1？
·如果出現(xiàn)文案超長的信息場景，不可展示的文案信息是什么樣子展示，是文案后面是省略號展示？還是鼠標(biāo)滑上去有氣泡彈窗的展示樣式。
b.圖標(biāo)命名的規(guī)范
隨著業(yè)務(wù)增多，團(tuán)隊(duì)內(nèi)對圖標(biāo)的隨意命名的習(xí)慣也開始凸顯出弊端，這種不好的習(xí)慣會造成同一類功能的圖標(biāo)會出現(xiàn)不同樣式尺寸，所以我們在搭建圖標(biāo)規(guī)范時(shí)候，就可以把切片的命名規(guī)范好。
在圖標(biāo)規(guī)范中，圖標(biāo)需要有著單獨(dú)的后綴，這樣可以讓公用圖標(biāo)與業(yè)務(wù)圖標(biāo)更方便的溯源。值得注意的是我svg格式的圖標(biāo)可以不用寫切片的尺寸，而png的圖標(biāo)我建議寫上切片的尺寸。
有些公司習(xí)慣于去icon進(jìn)行英文的格式命名，左側(cè)是我整理的比較高頻使用的命名，文章末尾我會分享出來文字格式，供大家使用。
c.圖標(biāo)的上傳
可以在開發(fā)前在與前端開發(fā)溝通達(dá)成共識、圖標(biāo)制作完成確認(rèn)后，將圖標(biāo)上傳到阿里巴巴圖標(biāo)庫中，更方便前端調(diào)用圖標(biāo)大小和調(diào)整顏色。
如果開發(fā)需要自己去找到相關(guān)圖標(biāo)，也可以給予權(quán)限讓開發(fā)從藍(lán)湖上傳圖標(biāo)（前提是得整理好圖標(biāo)到藍(lán)湖上）。
04. 和前端開發(fā)工程師的溝通
在雖然很多時(shí)候項(xiàng)目的到發(fā)版本時(shí)間、驗(yàn)收標(biāo)準(zhǔn)團(tuán)隊(duì)內(nèi)部都是由明確的規(guī)劃和標(biāo)準(zhǔn)，但是有些問題還需要特別分析、特別對待：這里我就列舉幾點(diǎn)我在項(xiàng)目由幾個(gè)比較重要的點(diǎn)。
a.進(jìn)行設(shè)計(jì)宣講
設(shè)計(jì)宣講最大的意義就是加深他們的印象，提前大家心里都有一個(gè)預(yù)估，把一些規(guī)范標(biāo)準(zhǔn)類的問題暴露出來，把關(guān)鍵核心點(diǎn)，規(guī)則講清楚，為了后面減輕設(shè)計(jì)走查的工作量，開發(fā)也輕松一些。
1）用認(rèn)知對齊，目標(biāo)一致
如果團(tuán)隊(duì)內(nèi)部四個(gè)角色成員大家的認(rèn)知都是一致的——提升用戶體驗(yàn)是我們公共目標(biāo)。
如果不一致，那就要說服其中一個(gè)角色，最好是項(xiàng)目負(fù)責(zé)人，說明校驗(yàn)影響發(fā)版時(shí)間，如果大家都按照規(guī)范去完成自己工作內(nèi)容，可提高效率。確保大家理解一致：設(shè)計(jì)師要和開發(fā)、測試確認(rèn)視覺表現(xiàn)層的驗(yàn)收內(nèi)容、確保內(nèi)容大家理解一致。
2）做有效的溝通做
認(rèn)真是前提、尊重是法寶。
在部分開發(fā)團(tuán)隊(duì)中，設(shè)計(jì)師的也不能太過于教條地對待自己的設(shè)計(jì)標(biāo)準(zhǔn)，畢竟開發(fā)生氣請假不修改了，那就真的沒有人可以進(jìn)行代碼的修改了，設(shè)計(jì)效果更是顯示不了了在開發(fā)之前，就要和開發(fā)溝通，目前這些界面的效果在技術(shù)層面上是否能實(shí)現(xiàn)，針對比較復(fù)雜的界面場景，實(shí)現(xiàn)出來的代價(jià)有多少，權(quán)和利弊后在確定是否按照效果圖進(jìn)行開發(fā)。
針對復(fù)雜的頁面需要把標(biāo)注標(biāo)記得更加詳細(xì)，并且明確告知他們，我的刪格在哪里說明，布局規(guī)范在哪里說明，在這個(gè)交涉過程中設(shè)計(jì)師就需要尊重他人工作成果，明確自己的需要做的事情，把問題描述清楚就好，不可要求開發(fā)同學(xué)100%還原設(shè)計(jì)稿、過多的干預(yù)別的開發(fā)團(tuán)隊(duì)的開發(fā)步驟和內(nèi)容。
3）不必焦慮
前端開發(fā)工程師找我們溝通他們的疑問點(diǎn)時(shí)候我們要積極回應(yīng)他們，并且和他們一起處理問題，比如某些復(fù)雜的頁面，避免不了實(shí)現(xiàn)效果圖不好的情況出現(xiàn)，這時(shí)候不要一口咬定就是開發(fā)的原因，先溝通具體原因，然后找出解決辦法。
不必焦慮、遺留問題下一版再解決：開發(fā)人員在修改的代碼的階段，開發(fā)人員的效率是有限的，而且大家都是身兼多條業(yè)務(wù)線，在這種開發(fā)的場景中可以在不影響正常發(fā)版日期的階段，把不太重要的視覺問題，放到下一個(gè)版本中在進(jìn)行修改。
4）規(guī)劃時(shí)間節(jié)點(diǎn)
而且在工作項(xiàng)目中也要注意分配自己的精力，我建議用對需求等級進(jìn)行劃分。
把問題的界面自己標(biāo)記優(yōu)先級，定期（每天定時(shí)）跟程序員溝通，跟他一起制定解決方案和時(shí)間。如果時(shí)間允許可以慢一點(diǎn)修改，只要改對了就可以，畢竟完成比完美更加重要。
對于設(shè)計(jì)校驗(yàn)的工具就一個(gè)原則：你開心就好，工具的最大作用就是提升工作效率，只要你覺得能提升你工作效率，你喜歡用啥就用啥。
如果還在迷茫用什么工具進(jìn)行設(shè)計(jì)校驗(yàn)的同學(xué)，我把我使用的工具主要分類兩類工具，第一類是發(fā)現(xiàn)開發(fā)問題和效果圖的不符合的工具；第二類是針對如果高效記錄、追蹤問題的工具。重要目的就是提高設(shè)計(jì)師在設(shè)計(jì)走查中的工作效率。
01. 4款發(fā)現(xiàn)問題的工具
我在工作中發(fā)現(xiàn)很多時(shí)候開發(fā)不愿意檢查自己代碼樣式的一個(gè)原因就是不知道以下四種工具，在很多公司里面前端開發(fā)工程師都是多條業(yè)務(wù)線并行開發(fā)的局面，沒有更多的工作時(shí)間自己做設(shè)計(jì)審查，覺得又繁瑣又麻煩，
這是時(shí)候我們可以提供工具給予開發(fā)，幫助他們提高工作效率。設(shè)計(jì)師同學(xué)也可以借助以下4款工具進(jìn)行校驗(yàn)：
對于設(shè)計(jì)校驗(yàn)的工具就一個(gè)原則：你開心就好，工具的最大作用就是提升工作效率，只要你覺得能提升你工作效率，你喜歡用啥就用啥。
如果還在迷茫用什么工具進(jìn)行設(shè)計(jì)校驗(yàn)的同學(xué)，我把我使用的工具主要分類兩類工具，第一類是發(fā)現(xiàn)開發(fā)問題和效果圖的不符合的工具；第二類是針對如果高效記錄、追蹤問題的工具。重要目的就是提高設(shè)計(jì)師在設(shè)計(jì)走查中的工作效率。
01. 4款發(fā)現(xiàn)問題的工具
我在工作中發(fā)現(xiàn)很多時(shí)候開發(fā)不愿意檢查自己代碼樣式的一個(gè)原因就是不知道以下四種工具，在很多公司里面前端開發(fā)工程師都是多條業(yè)務(wù)線并行開發(fā)的局面，沒有更多的工作時(shí)間自己做設(shè)計(jì)審查，覺得又繁瑣又麻煩，
這是時(shí)候我們可以提供工具給予開發(fā)，幫助他們提高工作效率。設(shè)計(jì)師同學(xué)也可以借助以下4款工具進(jìn)行校驗(yàn)：
前三款都是Google Chrome瀏覽器的具體操作步驟可以看下面的圖片，如果還有不懂的地方可以在評論區(qū)給我留言，我看到后會為大家一一解答。
至于“他山石”這款軟件大家有興趣的話可以在網(wǎng)上直接打名稱就會出來軟件信息。
02. 記錄追蹤問題的工具
介紹完發(fā)現(xiàn)問題的工具后，咱們再聊一聊記錄追蹤問題的工具，有的人會問了，你前面講了視覺校驗(yàn)都要看哪里，有推薦了視覺校驗(yàn)的工具來發(fā)現(xiàn)問題，我直接把需要修改的地方告訴前端開發(fā)工程師不就可以了嗎？為什么還要知道這個(gè)記錄追蹤問題的工具呢？
a.進(jìn)為什么要使用記錄追蹤問題的工具
在一些設(shè)計(jì)團(tuán)隊(duì)稍微成熟的公司里面由于項(xiàng)目的規(guī)模比較大，涉獵的模塊多，參與的人員相對也多。
面對這種體量的項(xiàng)目如果不進(jìn)行問題的記錄的話，這周做項(xiàng)目里面的1號模塊，下周做項(xiàng)目里面的2號模塊，大下周要對項(xiàng)目里面的1號模塊進(jìn)行修改，然后自己就會發(fā)現(xiàn)1號模塊當(dāng)初的修改問題是什么忘記了，更有甚者都忘記一起協(xié)同工作前端開發(fā)工程師的名字了。
這時(shí)“記錄追蹤問題的工具”就顯得尤其重要了，因?yàn)檫@種工具的出現(xiàn)可以幫助我們回憶起當(dāng)初具體的修改問題和修改的進(jìn)度，從而降低上線安全性的風(fēng)險(xiǎn)度。
b.TO DO LIST 思維模式
to do list是一種實(shí)際走查階段使用的一種走查模式。
在設(shè)計(jì)走查階段，主要由設(shè)計(jì)師發(fā)現(xiàn)問題、記錄匯總遞交到前端工程師這里進(jìn)行修改和跟進(jìn)，主要的優(yōu)勢是在于協(xié)助走查可以順利的開展，不遺漏掉任何信息。
在輸出的表格比較注重3點(diǎn)，問題需要逐條記錄、需要截問題圖片及描述修改正確內(nèi)容、相關(guān)對接人員的名稱和處理進(jìn)度。
一個(gè)優(yōu)質(zhì)的項(xiàng)目落地是各部門協(xié)同合作的成果，視覺校驗(yàn)是設(shè)計(jì)師必須掌握一項(xiàng)技能，我們本著“認(rèn)真是前提、尊重是法寶”十字真言去校驗(yàn)開發(fā)輸出的真實(shí)頁面，希望這篇10407字的文章可以幫助到你在校驗(yàn)的工作上少走彎路。
英文icon英文命名模版
我是斜杠七師兄
一個(gè)不像設(shè)計(jì)師的設(shè)計(jì)師
我們下篇文章再見
參考文獻(xiàn)：
http://www.woshipm.com/pd/3361442.html 《設(shè)計(jì)師如何做體驗(yàn)走查》
http://www.woshipm.com/pd/2870765.html 《五大模塊解析產(chǎn)品設(shè)計(jì)中的視覺走查》
https://mp.weixin.qq.com/s/caeeDXpoepEQXz7PEs0q5g 《4張表格助力協(xié)作效能提升》
https://www.datiyi.cn/article/472303.html 《答題翼》
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
