<p> 深圳網(wǎng)站制作當(dāng)中應(yīng)該規(guī)避那些問(wèn)題和事項(xiàng)呢？公司網(wǎng)站制作對(duì)于專業(yè)的網(wǎng)站制作公司來(lái)說(shuō)是專業(yè)的事情，但是未必所有的深圳網(wǎng)站制作公司都是那么的專業(yè)，應(yīng)為目前深圳網(wǎng)站制作市場(chǎng)是非常的亂的，門檻很低，好多的公司可以短時(shí)間內(nèi)進(jìn)入，也可以短時(shí)間退出這個(gè)行業(yè)，所以造成了這個(gè)行業(yè)的專業(yè)性本來(lái)在逐漸的下降，從而制作出來(lái)的網(wǎng)站要說(shuō)沒(méi)問(wèn)題那是不可能的，就看制作出來(lái)的網(wǎng)站的問(wèn)題多少了，面對(duì)這樣市場(chǎng)現(xiàn)狀，作為用戶就需要在找網(wǎng)站制作公司的時(shí)候，多多下功夫，多多鑒別了，如果你不具備如何識(shí)別<a href="http://www.szbc888.com" target="_blank"><strong>網(wǎng)站制作公司</strong></a>的話，就很有可能上當(dāng)出問(wèn)題了，接下來(lái)我們來(lái)看看<a href="http://www.szbc888.com" target="_blank"><strong>深圳網(wǎng)頁(yè)制作公司</strong></a>是如何看待同行的專業(yè)性的，以及網(wǎng)站制作過(guò)程中，那些問(wèn)題應(yīng)該規(guī)避呢？ </p> <p> 1. 信息缺失<br /> 公司信息缺失：在每個(gè)信息模塊，給予商家調(diào)整模塊數(shù)量的自由度。商家可自由添加信息卡片的數(shù)量，一個(gè)，二個(gè)，三個(gè)，或者直接隱藏該模塊。針對(duì)不同數(shù)量的信息模塊，也設(shè)計(jì)對(duì)應(yīng)樣式來(lái)滿足商家需求。<br /> 2. 圖片質(zhì)量<br /> 獨(dú)立站一大亮點(diǎn)在于高質(zhì)量商品圖片，作為設(shè)計(jì)師當(dāng)然會(huì)設(shè)想商家能提供下圖左邊的圖片。但放到實(shí)際場(chǎng)景下商家提供的圖片質(zhì)量和效果都不可控，往往是提供的圖片右邊這樣。所以很多商家提供的圖片質(zhì)量很難滿足現(xiàn)有獨(dú)立站對(duì)于圖片的要求，因此從設(shè)計(jì)側(cè)通過(guò)以下三個(gè)設(shè)計(jì)策略來(lái)進(jìn)行補(bǔ)救：<br /> 設(shè)計(jì)策略 1：設(shè)計(jì)統(tǒng)一且規(guī)格有限的展現(xiàn)容器<br /> 設(shè)計(jì)正方形容器，所有圖片都會(huì)自動(dòng)縮放到容器區(qū)域下，來(lái)保證不同圖片尺寸下整體視覺(jué)上的一致性。<br /> 設(shè)計(jì)策略 2：設(shè)計(jì)特定的卡片樣式<br /> 樣式 1 這樣通過(guò)固定底色的模式對(duì)于圖片本身要求過(guò)高。而像樣式 2 和 3 只通過(guò)間距區(qū)分會(huì)帶來(lái)問(wèn)題，實(shí)際下的商品圖片有的有底，有的沒(méi)底，容易產(chǎn)生不一致的場(chǎng)景。因此最后實(shí)際設(shè)計(jì)樣式直接給了整體背景底色，然后用白色的卡片來(lái)區(qū)分商品，同時(shí)縮小了圖片所占的面積來(lái)避免圖片質(zhì)量差的影響。<br /> 設(shè)計(jì)策略 3：上傳給予規(guī)范提示和案例后臺(tái)會(huì)設(shè)計(jì)對(duì)應(yīng)的尺寸提示，在用戶編輯上傳圖片前，頁(yè)面會(huì)有對(duì)應(yīng)默認(rèn)圖來(lái)暗示用戶合理的圖片樣式，給到商家配色和尺寸參考。<br /> 3. 移動(dòng)端體驗(yàn)<br /> 國(guó)外 PC 還是用戶主要購(gòu)物方式，因此獨(dú)立站設(shè)計(jì)以 PC 為主。但隨著國(guó)外移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)端也成了商家必須要布局的部分。無(wú)論對(duì)于設(shè)計(jì)師還是開(kāi)發(fā)，重新設(shè)計(jì)開(kāi)發(fā)并維護(hù) PC 和移動(dòng)兩套成本都巨大，因此自適應(yīng)成了這個(gè)階段下較優(yōu)選擇。下面將會(huì)分享下自適應(yīng)設(shè)計(jì)下的一些細(xì)節(jié)。導(dǎo)航區(qū)：PC 端的頁(yè)面導(dǎo)航和功能區(qū)處于頁(yè)面頂部，然后是商品分類。在 wise 端，很難在首頁(yè)進(jìn)行復(fù)雜的頁(yè)面切換，因此將其置于左上角的抽屜下，而搜索和切換語(yǔ)言使用了模態(tài)的氣泡設(shè)計(jì)，更符合用戶手機(jī)端下的聚焦單一任務(wù)的使用習(xí)慣。<br /> 篩選區(qū)：PC 端分類篩選區(qū)在左側(cè)，默認(rèn)顯示一級(jí)分類，點(diǎn)擊展示二級(jí)分類。在 wise 端，將分類篩選置于商品列表區(qū)上方來(lái)留出更多展示空間，默認(rèn)收起然后以模態(tài)氣泡的形式展開(kāi)。<br /> 4. 國(guó)內(nèi)外差異<br /> 因?yàn)楠?dú)立站針對(duì)海外用戶，所以和國(guó)內(nèi)電商設(shè)計(jì)相比有兩個(gè)問(wèn)題需要注意：1.不同國(guó)家下語(yǔ)言差異會(huì)導(dǎo)致視覺(jué)差異 2.不同國(guó)家間用戶在操作習(xí)慣本身存在差異。語(yǔ)言：不同國(guó)家語(yǔ)言會(huì)導(dǎo)致排版差異，同樣的文字在不同語(yǔ)言下的字符數(shù)差距較大。然后同時(shí)會(huì)帶來(lái)視覺(jué)動(dòng)線上的差別，比如下圖是中東等巴基斯坦等國(guó)家所使用的烏爾都語(yǔ)，該語(yǔ)言會(huì)帶來(lái)視覺(jué)動(dòng)線從右往左的變化。另外要考慮到不同語(yǔ)言下字段長(zhǎng)度的適配情況，在排版時(shí)候盡量上下排布避免左右排布。<br /> 體驗(yàn)：國(guó)內(nèi)外用戶本身操作習(xí)慣上存在差異，比如左邊是一個(gè)國(guó)內(nèi)常見(jiàn)的電商設(shè)計(jì)，圖片切換在主圖的下方，通過(guò)點(diǎn)擊圖片進(jìn)行切換，主要是為了留出更多的橫向空間給商品信息，但這種小圖切換然后大圖預(yù)覽由下往上的視覺(jué)動(dòng)線影響了視覺(jué)體驗(yàn)，主要是給商品信息的展示效率讓步。而右邊是國(guó)外常見(jiàn)的體驗(yàn)方式，商品信息較為省略，圖片切換在左圖的左側(cè)，為了從左到右更好的視覺(jué)動(dòng)線和體驗(yàn)。同時(shí)當(dāng)你 hover 到對(duì)應(yīng)圖片的時(shí)候，主圖也會(huì)隨之切換進(jìn)行預(yù)覽，優(yōu)化了對(duì)應(yīng)切換體驗(yàn)。 </p>