A. 電商設計、淘寶美工、網頁設計、APP設計有什麼區別
一般來說電商設計的工資高一些,如果一個公司有設計和美工兩個職位的話,設計等於設計師,美工等於設計師助理。 我們之前天貓負責做活動整體頁面的叫設計師或者大美工,做詳情和一些小事情的叫小美工,
B. 設計一個web電商網站涉及哪些視覺頁面
瀏覽習慣 使用習慣等
C. 什麼是平面,網頁,電商,UI設計
一般來說,人機交互工程的目標是打造一個讓用戶操作簡單、便捷的界面。回所以也就是說,UI 指的不是簡答單的用戶和界面,還包括用戶和界面的交互。那麼作為 UI 設計師,要做的就不只是設計出美觀的界面,還要設計出讓用戶用起來舒服、操作簡單的界面
D. 電商前端架構設計
什麼是前端架構
說到架構,很容易拉出一系列的概念知識點,像系統架構、軟體架構、框架等等,這些不是今天探討的重點,大家可以下去網路來理解。架構的本質是什麼?其實也是一種管理。通常我們所說的管理,都是指對於任務和人員的管理,而架構管的是機器和代碼。比如說,機器的部署屬於運維的物理架構,SOA屬於服務架構,那麼,前端的架構指什麼呢?
長期以來,前端所處的位置是比較偏應用層,很薄的一層,而架構又要求深度和廣度,所以之前在前端裡面做架構,好比在小水塘里游泳,稍微撲騰兩下就到處碰壁。但最近這幾年來,隨著一些列新的技術和概念的出現,前端的范圍被大大拓展了,所以這一層逐漸變得大有可為。
單純從語言的角度來說,html、js、css是最簡單最容易上手的開發語言,不考慮模塊化、工具、壓縮優化,任何人都可以快速上手,完成一兩個功能簡單的頁面。在規模很小的項目中,前端技術要素彼此不會直接產生影響,因此無需架構相關的思考。由於前端語言這種靈活鬆散的特點,使得前端項目規模在達到一定規模後,工程問題凸顯,成為發展瓶頸,原來孤立的技術要素開始彼此產生影響,各種技術要素彼此之間開始出現關聯,要用模塊化開發,就必須對應某個模塊化框架,用這個框架就必須對應某個構建工具,要用這個工具,就必須對應某個包管理工具……這個時候,需要有人從比較高的角度去梳理、尋找適合自己團隊的集成解決方案。而這一系列解決問題的工具和手段就是所謂的前端架構。
架構的組成
組件框架
架構不等於框架這一點很好理解,相信大家都能夠很深入的說明這里的差別,框架是架構的重要組成部分,架構決定框架的選型,框架決定架構的技術路線。架構圍繞框架進行一系列的流程工具建設,從而形成完善自動的開發體系。
+框架不等於類庫,這里就是很多人困惑的點,你用的什麼框架?jquery、underscore、linq、seajs、requirejs等等,每個人都能夠列舉一大堆。但這個是不準確的,一套編碼框架是有一系列的元素組成:
開發模式,我們如何來實現代碼的職責分離。以前整個前端是mvc中v這一層,而現在前端內部也進行了mvc的邏輯細分,Javascript的MVC框架現在很多,有的強化m、有的強化c。每一個框架其實都有其特點的,並且有越來越多的創新改造,比如現在最流行的是mvvm。有angular、react等等。我們是為了引入mvvc才把他們納入到我們的開發體系,而不是因為他是一個好用的類庫。
通訊,模塊化、組件化是前端在推進開發模式過程中的一個過程產物,為了有效的進行組件隔離和獨立,現在有各種各樣的通信模型出來,不過由於實現簡單,代碼少,他往往是合入到某個類庫裡面,但本質也是一個類庫。比較成熟的比如:消息匯流排、事件模擬、緩存中轉、flux模型等等。
模板,我們用什麼樣的方式來集中的處理數據往html的轉換過程,這里就不用多展開,這種類庫現在太多了,光我們公司就有很多套,大家在代碼行、緩存管理、預編譯、運算性能、強大的語法等等各個維度不段追求各種極致。
基礎類庫最後才是傳統類庫,相信現在已經沒有同學會在項目中去約束團隊中的dom操作、常用函數、方法、非同步化等等各種很基礎東西,這個時候我們一般就是引入jq、zepto、underscor這些封裝好的東西就行了。核心就是為了改善編碼生產力。
對於框架的選型要從兩面看,一是看該框架的本領,二是看你們團隊的能耐。從經驗上給幾個點建議:
這里也可以順便展開聊一下現在前端產品的形態分類:
從這些分類裡面,我們這些年派生出了所謂全端和全棧的概念。但本質上怎麼走還是要由所在產品的形態來決定。
內容型Web站點 側重渲染方面的優化,前端邏輯比重小
操作型B/S系統 以數據和邏輯為中心,界面較規整
hybrid內置型,要處理緩存和一些本地介面,包括PC客戶端和移動端。現在的本地應用,基於很多考慮,都變成了混合應用,也就是說,開發這個應用的技術,既包含原生的代碼,也包含了嵌入的HTML5代碼
Web游戲,前端的邏輯非常重,在代碼結構上要求非常高的可管理性和更復雜的設計模式。
桌面應用型,現在有一些PC端的混合應用開發技術,比如node-webkit和hex,前者的典型應用是XDK,後者的典型應用是有道詞典,此外,豌豆莢的PC客戶端也是採用類似技術的,也有一些產品是用的qt-webkit。這類技術可以方便做跨平台,極大減少開發工作量。
大工程應該盡量避開谷歌產品,他的很多技術開源項目都是玩票性質的,GWT、Closure、Darty就是前車之鑒。曾今提出過很多的新技術,到現在還是獨家的,變出太大。包括現在angular,喜歡做斷崖式升級,做做運營後台系統問題不大,如果是線上系統的話,每次升級就是一次人月神話中的典型焦油坑。
關注應用場景,像剛才說到的boss後台是一種;另外我的平台是否有沉重的歷史包袱,需要兼容ie6,還是可以輕裝上陣;產品對於seo是什麼樣的態度?是否需要考慮自適應?或者我的團隊足夠大,能夠各搞一套?;產品特徵是強內容還是強交互或者是游戲性。這些都是選擇不同框架的主要出發點。
沒有最好,只有最適合自己的,基本上,針對每個平台,我們都可以列出一些主流框架,但不意味著你們都能駕馭得住。小馬過馬,老牛沒過膝,松鼠淹個半死,就是這么回事。但無論我們選擇什麼框架或決定自己動手造輪子,都勿忘初心,技術必須讓我們工作生活更為輕松愉快——我們只選擇我們能駕馭住的框架,我們不能保證它在一年後是否會過時落後。
而且按照我個人這么多年的經驗來看,任何框架都會過時,往往不是因為他不夠好,而是因為一定有更好的出來。我們再選擇一個框架或者一個類庫的時候就要想好,未來我如何拋棄他。至少不能成為我們引入新的框架的絆腳石。現實的工作中很多的團隊往往會陷入到年復一年的用今年的新框架去重構去年老框架代碼的歷史循環中去。對於引入框架如何盡量延長他的生命力,我個人的意見是選擇框架時去追求概念,而不是潮流,當我的架構可以接受新的設計概念的時候才去考慮引入新的框架。用設計理念的選擇代替框架的選擇。之所以這么說是因為我觀察到我們部門的後端架構的開發理念跟我進公司的時候是差不多的。更多你可以參考成都網站建設
E. 電子商務網站的網頁設計風格有哪些
電商網站就是要突出產品的風格,頁面設計簡潔干練,比較適合搜索引擎收錄。
F. 電商網站設計時哪些頁面可以提高用戶體驗
一、網站定位
首先,你應該確定你的網站的用戶群有哪些,是否承載電子商務功能單位,是否滿足在線購物需求等等。傳統的電商網站頁面顏色過於單調、布局太過傳統且整體缺乏活力,只是滿足官網的定位,但是卻無法滿足電子商務的網站需求。因此,這時候就需要網站在充分應用優化網站色調和協調性的前提下,在提高網站親和力的同時,其Web設計還需要考慮到電子商務功能和在線購物引導。
二、網站風格
網站的風格決定了用戶對網站的第一印象,而網站設計風格定向的核心元素中就是網站色調和網站字體兩種。色彩往往能夠體現產品的針對年齡層以及定位!而設計師對於色彩的挑選和取捨,也是完成作品中的必備環節。對於電商網站而言,選擇親和性更強且不顯突兀的暖色系列和個性字體能讓網站變得熱烈而溫暖起來,使網站更具生命力。
三、banner設計
在網站banner設計上,做好圖片本身的展示空間和效果的同時,還需要考慮到banner自動切換交換模式是否便於用戶體驗。例如:滑鼠點擊或游標觸發區域是否有效,圖片切換是否自然流暢方便等等。另外,banner上的廣告文字在有必要的情況下最好增加顏色背景處理,這種設計手法符合目前Web設計潮流,能最大限度的降低圖片背景和網站主色調與文字色彩之間的融合,更加凸顯文字的視覺表現力。
四、交互設計
眾所周知提高用戶體驗度的關鍵之一就是提高用戶的參與感,而這就需要網站的核心產品或板塊增加交互設計手法。傳統的交互設計很簡單,但缺乏進度預覽和人性化設計等功能。因此,壹號庄園認為,電商網站Web設計有必要優化交互表現模式,適當提高用戶的可選擇性、可預知性,減少用戶枯燥感和相關操作步驟,提高網站交互設計對用戶的友好性。
五、響應設計
隨著手機和平板設備越來越多地進入人們的生活,響應式設計也成為了當下網站開發不可忽視的一股力量。一個可自適應任何設備的網頁是很了不起的,響應式設計能確保用戶無論是在行動裝置,或者在 PC 上都能按你的意願瀏覽內容。
六、可信度設計
從本質上來講,電商營銷成功的前提就是解決信任問題。因為相信,所以簡單。電商網站能否得到用戶的信任,直接影響著網路營銷的最終效果。除了電商網站本身的基本服務和功能之外,很多時候,一些看似不起眼的細節問題也會成為用戶是否信任的關鍵。而對於一般的電商網站而言,在傳達信息時往往都是枯燥空洞的,生動不足,缺乏信任度和說服力。因此,提高網站信息的有效性和價值性,增加用戶所最關心或感興趣的案例展示與相關資料等等,就能夠有效增強網站的信任度,延長用戶訪問停留時間,真正提高用戶體驗度。
七、情感設計
「以情動人」往往成為營銷中最常見的表現形式一直。人類的先天傾向在於把物品人化,把人的情感和信仰投射到物品中。所以在電商網站增加擬人化、情感化的反應,可以給產品使用者帶來巨大的樂趣和快樂,從而讓人們對產品產生更多的情感交流,並以此來提升整個網站的用戶友好度。
八、彈窗設計
傳統的彈窗設計是多數操作系統和瀏覽器默認的通用風格,視覺上枯燥死板,缺乏亮點;語言上使用固有的計算機語言,無法與用戶產生強烈的情感交流。而使用形象化的對話框,以及擬人化的對話,則會更好地拉近網站與用戶之間的親和力,降低了用戶對彈出框的厭惡感,增加了對彈出框的接受度。
九、聚焦簡潔
在信息大爆炸時代的今天,越來越多的電商網站更傾向於簡潔、明快、直觀、人性化的設計,通過整合或是刪除多餘的頁面實現簡化,只給用戶需要的東西,也是一種提高網站風格魅力的有效方法。
綜上所述,網站Web設計的最終目標是打造用戶喜愛的產品和服務,一切設計要以用戶為出發點,追求最佳的用戶體驗。
G. 電子商務的網頁設計主要是使用哪個軟體
電子商務的網頁設計主要使用dreamweaver和photoshop這兩款軟體。
dreamweaver是一款專業的網頁設計軟體,集網頁製作和管理網站於一身的所見即所得網頁編輯器,用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。
photoshop是一款專業的平面圖片處理軟體,主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具,可以有效地進行圖片編輯工作,電子商務網頁上那些漂亮的圖片,就靠它了。
H. 平面設計、網頁設計、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設計師在規范、切圖、交互上面下功夫,會使你如虎添翼。做設計的思維一定不能停留在視覺層面。
I. 這么學電子商務網頁設計好
其實兩個發展都好,電子商務專業有六個專業方向:網站設計與程序方向、網路營銷編輯方向、網路產品規劃方向、企業信息化、個人網路創業及銀行卡的研發,seo優化和網店運營方向,電子商務專業在不同高校里要求的課程也是不一樣的,一些院校注重電子商務網路技術、計算機技術,還有一些院校會把課程重點放在商務模式上面,這些主要體現在這個專業所在的院系,有的在管理學院,有的會在信息科學與技術學院,有的會在軟體學院,商學院。在這樣各個院校培養出來的學生的專長也會有一定的區別。
基本簡介:
電子商務專業(B2B)是融計算機科學、市場營銷學、管理學、經濟學、法學和現代物流於一體的新型交叉學科。培養掌握計算機信息技術、市場營銷、國際貿易、管理、法律和現代物流的基本理論及基礎知識,具有利用網路開展商務活動的能力和利用計算機信息技術、現代物流方法改善企業管理方法,提高企業管理水平能力的創新型復合型電子商務高級專門人才。設計網頁現在通常用到的學習軟體,現在幫你羅列如下:
(1)Photoshop:學習圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的校正;各種特效濾鏡的使用;特效字的製作;圖像輸出與優化等,靈活運用圖層風格,流體變形及褪底和蒙板,製作出千變萬化的圖像特效。
(2)CorelDraw:通過CorelDRAW9的全方面的設計及網頁功能融合到現有的設計方案中,製作矢量的插圖、設計及圖像,出色地設計公司標志、簡報、彩頁、手冊、產品包裝、標識、網頁及其它。
(3)PageMaker:學習排版設計的基本法則、使用方法與技巧,工具箱、快捷鍵的使用,菜單功能及操作技巧,出版物、書籍、宣傳彩頁、出片輸出注意事項,報紙雜志等的高級專業排版製作的方法。
(4)Illustrator:學習圖形繪制、包裝、宣傳頁的製作,讓你更加方便地進行LOGO及CI設計,不到一個月,您就會成為一名真正的美術大師,在Photoshop的基礎上再學它如虎添翼,效率成倍提高。
(5)①DreamWeaver, 自製動態HTML動畫的網頁.DreamWeaver是一個很酷的網頁設計軟體,它包括可視化編輯、HTML代碼編輯的軟體包,並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它還能通過拖拽從頭到尾製作動態的HTML動畫,支持動態HTML(Dynamic HTML)的設計,使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。
DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換,HTML句法及結構不變。這樣,專業設計者可以在不改變原有編輯習慣的同時,充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計,這項設計使任何人都可以輕易擴展它的功能。