導航:首頁 > 萬維百科 > 電商網頁設計規范尺寸

電商網頁設計規范尺寸

發布時間:2020-09-15 15:36:23

1、做淘寶的網頁設計師有什麼要求

做為一個淘寶的網頁設計師,有以下最基本的要求:
第一、對設計軟體的熟練程度。
平面設計師用得比較多的設計軟體就是Photoshop、CoreDRAW,如果熟練掌握了這兩個軟體僅僅是入門坎而已。因此,入門以後,學習AI是很多網頁設計師都要經歷階段。
第二,熟練掌握後台代碼、圖片、文字如何上傳。
圖文並茂的詳情頁面做好以後,就需要上傳到店鋪中,相應的也需要通過代碼的轉化來完成。
第三,有自己的思維理念。
再厲害的設計師做出來的東西可能只是把老闆想要表達的東西實現了60%,因為在信息傳遞的過程中會打折。因此,如果設計師主動開動腦筋去思考。
第四,好的心態。
電商有時候每天晚上都在加班,做到凌晨一點也是很正常的事情。如果沒有好的心態,肯定是無法堅持下來的。
第五,合理使用二八原理。
所謂的二八原理就是20%的款產生80%的利潤,要把主次分清楚,不要盲目的做事情。

2、電商網站怎麼設計 ww

電商網站設計要點
隨著人們生活方式的轉變,電子商務在社會零售中所佔的比例逐步上升,電商網站成為企業和小賣家以及站長群體關注的熱點,也成為大家的主要致富門路之一。
雖然馬雲占據著主要的市場份額,但事情的發展變化是很快的,也是難以預料的。過去誰能想到現在滿大街送快遞送快餐的?借用馬雲的一句話:夢想還是要有,萬一實現了呢。那麼電商網站設計的要點是什麼呢?
第一要點——響應式設計
響應式設計
由於多數買家習慣使用手機購物,因此電商網站設計一定要讓手機用戶的體驗足夠好。一般可以通過三種方式實現這一點。第一是開發APP,雖然現在APP製作費用已經大幅降低了,但是APP推廣費用卻大幅上漲,很多企業投入幾百萬,也沒幾個真實活躍用戶,推廣APP真的太難了,也許購物網站使用APP來推廣的窗口已經關閉了,除非你有幾十幾百億來強推。第二是另外製作手機網站,但是兩個網站涉及到兩個資料庫,數據同步是個難題,解決它需要花費不少費用,而且兩個域名對百度SEO也不利。第三是響應式設計,一個網站針對訪客不同的設備提供相應的排版界面,無論是PC訪客還是手機訪客都有好的用戶體驗,採用共用資料庫還避免了不同資料庫帶來的麻煩。
第二要點——清晰的導航設計
這需要區分商品類別的多少。如果是大型網上商 城,商品類別多,則需要有清晰的分類導航與關鍵詞直接搜索(最好是有容錯能力的模糊搜索),而且有些商品可以歸於幾個類別,比如皮帶既是服裝類也是禮品 類,黑木耳既是食品類又是玩具類,為了庫存管理方便,不要重復發布,而是可以同時出現在幾個類別。如果是帶一類別的電商網站可以考慮採用地圖式導航,比如 童裝網站可以使用圖片導航,一個大男童代表大齡男童裝,一個小女童代表小齡女童裝,而一個baby則代表嬰兒服裝,點擊圖片或圖片旁邊的文字即可進入相應的類別,圖片式導航的最大好處是方便用戶進入其目標類別,縮短其判斷時間,減少不必要的思考,可以提升用戶體驗,尤其受到低齡及殘障人士歡迎。
第三要點——方便的圖片上傳更替
我們都知道圖片是電商網站提高轉化率的關鍵,而企業方或小賣家大多不會網站技術,簡單的FTP並 不方便,還是後台上傳更受歡迎,在網站操作方面不能把用戶與網站設計師相提並論,一定要以用戶的能力來考慮網站設計,而且圖片應該可以採用替換和另行上傳 兩種解決方式,另行上傳需要做到保留先後的兩個圖片,以後還可以恢復使用舊圖片,而替換不但可減少網站程序大小,而且不用更改圖片路徑,有利於SEO。
第四要點——手機專用小圖片
由於手機存在流量的問題,而PC端的圖片往往達到幾百K,大量圖片如果都下載會消耗很多流量,用戶體驗不佳,使用手機專用小圖片則可以解決這個問題,雖說現在手機屏幕的解析度已經大幅上升,但畢竟物理尺寸較小,肉眼對大小尺寸圖片的感覺差異要小於PC端,所以綜合權衡還是採用手機專用小圖片的用戶體驗更佳,至於移動將來全面推行手機流量包月的時候再說吧,估計那還且得等。
第五要點——SEO
做好文字鏈接,做好圖片的ALT標簽,做好麵包屑導航、標題(title)與描述(description)、拒絕非必須彈窗、杜絕flash、JS與frame框架,採用CSS+div,精簡代碼,刪除無效代碼,關鍵詞頁面自動生成功能,以及開設論壇,論壇不但可以留存和活躍用戶增加復購,而且可以提升SEO效果,但要注意不是什麼行業都適合開設論壇,比如戶外裝備電商網站與釣魚裝備電商網站就比較適合開設論壇。
第六要點——數據處理能力
數據包括用戶數據,如注冊、電話號碼、支付寶賬號、收貨地址、IM號碼、生日、購物習慣等。
商品數據包括商品的類別、與其他商品的關系(如類似商品、配套商品)、商品銷量、成交價格、存貨量、銷售速率、利潤率等。
數據報表自動生成能力?這個涉及到商業秘密不便公開了,總之這是電商網站設計的一個賣點。
第七要點——促銷方案預置
促銷方案
比如大轉盤、一元購、減價季、預購、眾籌、抵用卷、老用戶自動返現金、點卡、通過分享找人代付、現金券分享之類的。
第八要點——訪客統計功能
通過對訪客行為的分析,可以判斷出用戶對什麼商品感興趣,又有什麼商品雖然感興趣,但成交率低,然後可以針對性改變。
第九要點——均衡負載
百度雲阿里雲騰訊雲
一旦同時在線用戶達到好幾千,網站負擔就會很吃力,這時需要負載均衡才能保證網站不崩潰,避免流失顧客。至於帶寬倒是相對好辦,花錢提升伺服器的帶寬就是了,伺服器裡面百度雲阿里雲和騰訊雲都是很好的。
第十要點——可信度
可信度是電商的命脈,馬雲做淘寶網靠兩大法寶,一是賣家免費,二是可信度,而可信度是靠支付寶和宣稱全額賠償這兩大法寶。普通電商網站條件有限只能靠備案、公司實景圖、生產實景圖、媒體報道等方式。
其他至於支付方式購物車之類的雖然很重要,但那是地球人都知道的,就不再廢話了。

3、做電商APP,為了方便客戶端實現效果(圖片沒有變形),UI設計界面時所有頁面的產品圖片的尺寸有哪些要求

你可以去站酷看下教程,圖標的選擇上注重的是簡潔和實際意境傳達。

4、PS網頁設計尺寸問題 需要滿屏

你用PS做出來的是圖片,並不是網頁,圖片是多大,就顯示多大,居中顯示是在代碼里實現的。
如果你想讓圖片居中,可以這樣做:
假如你的解析度是1440*900,,而普通的網頁頁面寬度大部分都是960(PX)。所以你想讓圖片居中就很簡單了,在1440*900的畫布上,左右分別拉兩條輔助線:左邊一條在240px,右邊一條在1200px那裡,在兩條輔助線中間的區域,剛好就是在1440解析度下的居中顯示。
所以看你的解析度,再設置你的網頁設計圖的大小,現在主流的解析度是1440*,而頁的寬度大部分是960(你可以百度一下為什麼這是大部分網站會採取的尺寸)

滿屏需要代碼標簽屬性width:100%來實現,看上面的回答貌似都是說代碼類的,所以你自己看看自己是要代碼類的居中還是要圖片類的居中。
代碼上的居中更簡單,一般採用的是div的magin居中。不過這不屬於你的問題范疇,這里就不說了。

5、現在網頁主流的設計尺寸是多少?內容寬給多少

可以看出現在電商主流的頁面設計是1200像素. 舉例具體來分析,今年的2月份京東改版(在這里暫不討論其他

6、平面設計、網頁設計、UI設計、視覺設計、電商美工設計的區別

平面設計的范疇還有很多,例如電梯廣告、展板、VI識別等。
主要技能:PS、CDR、AI、ID等設計軟體是最常用的軟體,掌握其中一種或幾種基本能勝任。當然除了軟體技能之外,更需要注意的是配色、排版、工藝等知識的學習。
網頁設計
凡是用瀏覽器打開的都可以稱之為網頁(此處不包含電商)。網頁設計可分為展示型網頁,功能型網頁。展示型網頁主要設計一些官網,活動頁面等,功能型網頁,例如淘寶、攜程之類的。網頁設計除了設計視覺效果之外,更重要的是考慮用戶的操作問題。好的網頁設計師可以進行切圖、靜態網頁的編寫。網頁設計更重要的是能夠與前端工程師合作,那麼我們應該懂一些網頁設計的基本規范。
網頁設計的單位:像素;顏色模式:RGB;解析度:72
主要技能:PS是網頁設計最常用的工具,如果能掌握AI或者一款3D(3DMAX、C4D)軟體,那麼視覺效果會有更多的選擇。HTML的編碼能力最好也能夠具備,實現靜態網站,那就更具有競爭力了。
電商設計
這幾年電商設計師的薪資水漲船高,電商設計主要分為:店鋪電商設計和平台電商設計。店鋪電商主要負責店鋪產品的拍攝、店鋪設計、店鋪裝修、站內外廣告設計等。平台電商是針對電商平台進行的設計,所謂的電商平台例如:淘寶、京東、天貓就是電商平台,當然很有很多很多小眾的、行業細分的電商平台,電商平台設計與網頁設計師更像。
電商設計的單位:像素;顏色模式:RGB;解析度:72
主要技能:主要技能:PS是網頁設計最常用的工具,如果能掌握AI或者一款3D(3DMAX、C4D)軟體,那麼視覺效果會有更多的選擇。HTML的編碼能力最好也能夠具備,實現對店鋪裝修有很大的作用。
UI設計
提到UI設計的載體首先想到的是手機,沒錯,手機確實是目前社會中最常用到UI設計的載體,手機以外還有電腦/平板/電視/取款機/購票機/游戲機等。比如容易忽略的ATM提款機上的界面,地鐵站的自助購票機界面等都是UI設計范疇。UI的英文全稱是user interface 翻譯成中文是用戶界面,也就是說我們平時用的任何有交互界面的設計都能稱之為UI設計。
UI設計師是製作視覺設計的,在尺寸,按鈕,間距等方面需要做到像素級別的准確度,而在做一些banner宣傳圖時又需要有天馬行空的表達。有點像平面設計與網頁設計的結合。
如果UI設計師在規范、切圖、交互上面下功夫,會使你如虎添翼。做設計的思維一定不能停留在視覺層面。

7、官網banner的設計尺寸一般多少

官網Banner設計尺寸一般是468*60像素,大小如果gif格式是14K,如果是swf格式是16K。

全尺寸banner是468*60px,半尺寸banner是234*60px,小banner是88*31px,另外還有120*90,120*60也是小圖標的標准尺寸。

336*280、300*250、以及160*600 這三種大小的Banner廣告在宣傳效果上較好。在高度一定的情況下,寬度越大,效果也會越好,因為這樣廣告會給用戶帶來了較好的閱讀體驗。Banner位置在網頁的頂。


(7)電商網頁設計規范尺寸擴展資料:

隨著大屏幕的顯示器出現,banner的表現尺寸越來越大,760X70;1000X70像素的大尺寸banner也有。

根據IAB國際廣告局2001年第二次標准公布的尺寸有:

1、"摩天大樓"形尺寸:120×600 

2、 寬"摩天大樓"形尺寸:160×600

3、 長方形尺寸:180×150

4、中級長方形尺寸:300×250 

5、大長方形尺寸:336×280

6、 豎長方形尺寸:240×400

7、 "正方形彈出式"廣告尺寸:250×250

8、電子商務網站設計的要求有哪些

你好,電子商務網站設計第一要符合相應產品的風格,第二要給客戶一種基本的審美視覺,第三盡量用獨立商城,像怎cart,imcart等等系統都是獨立開源商城系統。另外網站整體需要高效率的並發處理能力,強大的管理能力,與企業內部系統緊密聯系,支持多種客戶端等等,望採納

9、網頁設計中,最小的字型大小應該是多少

網頁設計中的字體一般設置成12px,如果網頁的東西相對比較少,也可以設置成14px,關於導航和其他的一般是用ps處理出好的效果,如果是文本一般為14以上並且帶加粗。

字體沒有特別規定但是有常規的用法:

常規文字 12px;標題,頁頭 14px、16px;大標題,橫幅等 18px。

(9)電商網頁設計規范尺寸擴展資料:

網頁設計,是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化),進行網站功能策劃,然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種,精美的網頁設計,對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同,應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主,常見的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代碼工具,其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

10、淘寶的主圖尺寸和詳情頁尺寸是多少

一、主圖分為四類,具體要求如下(兼容問題不支持GIF展示):

1. 主圖(前四張):大小≤3MB,建議「正方形」圖片(即1:1的寬高),上限5張。若圖片寬高為700*700或以上,詳情頁會自動提供放大鏡功能。

2. 3:4主圖:寬度≥750px,高度≥1000px,寬高強制比例3:4,上限5張。

3. 白底圖(第五張主圖):38K<大小<300K,背景為白底(白色),寬高建議800*800。

4. 長圖(第六張主圖):寬度≥480px,寬高強制比例2:3,寬高建議800*1200。

二、詳情頁面圖片尺寸:

圖片寬度≤750px,圖片高度未限制(不建議太長,容易導致消費者打開頁面卡頓)。

2. 圖片大小≤3mb,僅支持jpg、jpeg、gif、png格式。

3. 文字字數≤25000字。

4.源代碼≤200000字元。

(10)電商網頁設計規范尺寸擴展資料:

店標的圖片要求:

設置店鋪店標上傳的圖片文件格式要求為GIF、JPG、JPEG、PNG,文件大小80K以內,建議尺寸80PX * 80PX 。尺寸如果大於100PX*100PX店標也是無法顯示的。

刪除圖片空間中的圖片存在以下三種情況:

1.設置水印圖片的圖片被刪除後,會導致水印圖片設置不成功,上傳會提示報錯。

2.被引用的圖片刪除,會導致使用該圖的引用的寶貝&店鋪裝裝修頁面圖片丟失,建議解除引用後刪除,解除引用方式點此查看。

3.非引用圖片可直接刪除,沒有影響。

與電商網頁設計規范尺寸相關的知識