【我的網頁設計基礎】

我是文科生！文科生！但是學過一點html、dreamweaver、photoshop，就入門水平。

 

【我用的工具】

1.C店的旺鋪模板，星級賣家可以免費用。
2.修圖軟件：win7自帶的畫圖、PS3、2013版PPT、美圖秀秀
3.搜索引擎！雖然我不會的很多！但是我會搜??！

 

【我的裝修流程】

1.對自己的店鋪特色有基本概念，高冷？活潑？清新？酷炫……
2.在網上看大量的店鋪裝修效果圖，在TB上看大量的同類店鋪首頁，對有亮點的截圖收藏。
3.畫草圖。用軟件也行，用筆涂鴉也行，自己懂就好?？梢韵炔还軐氊愒斍轫?，最緊要的是裝修首頁。
4.找素材，實現草圖，不斷調整修改。

 

【裝修流程分解】

當時都沒截圖，以下基本都是文字

1.確定風格

想要打造有質感的店鋪，讓買家感覺到我們的產品都是有質保的品牌貨，絕不是三無。
太酷炫的我也不會，純色比較簡單，修圖的時候易操作，而且旺鋪版本身的配色就是純色好匹配。

 

2.看別人的店鋪裝修

這個沒啥可寫的，就是看看看，既可以看付費模板找靈感，也可以看別人店鋪
在這個過程中，找到了幾個提供免費代碼，甚至一些板塊的圖或代碼在線生成的網站。
最后我找到了不錯的模板素材，包括圖和代碼
避免推廣嫌疑，請自己搜吧，一下能出來。

 

3.畫草圖

因為沒想太復雜，也不專業，就只打了腹稿（攤手……別學我）

 

4.做店招

定位我在網上找到的店招圖片，復制一份留個底。
這圖本身就是純色，我需要做的就是抹掉不需要的文字，加上我們店鋪的名稱。
如果店招只有店名，直接添文字保存即可。
如果店招有滾動通知、店鋪收藏等部分，店招最好保持純背景功能，店名單獨存為png，防止網頁在不同分辨率的顯示屏上飄移錯位。

 

5.換背景圖

我找的模板比較完整，包含了店招背景圖和店鋪背景圖。都是純色，直接替換了。

 

6.做全屏海報

網上能搜到很多全屏海報的代碼，但是我怎么搗鼓都有瑕疵，就采取了曲線救國路線：
就用旺鋪自帶的海報滾動模塊，只是把海報背景做成店鋪背景一樣的。
因為店鋪背景是純色的，所以更簡單了，新建一張同色的畫布，把海報產品摳出來放上就好了。

 

7.隱藏一切模塊的名稱

比如上新、熱賣等字樣，千萬別用模塊的顯示名稱，不然風格馬上就回到解放前！
可以自己做圖放上去，也可以像我偷懶，直接新建自定義模塊寫文本就行了。

——————————————————————————————————

 

********零食店①********

 

主頁是這樣的：白色百搭

延續了上一個店鋪的純色風格，因為純色最簡單！

簡而言之就一句話：一切背景色都用同一個顏色的色塊填充

可填充的地方有：頁頭背景、頁面背景

色塊的尺寸比例：隨意。純色的怎么填充都是一樣的

其它的代碼在網上有很多，隨意組合搜索，比如“導航欄css代碼”“收藏店鋪的鏈接生成”等等

充分利用搜索引擎

 

********零食店②********

開店了才知道，經營零食類的店鋪要在淘寶備案認證，不然零食都只能以特產形式售賣。最后重新申請了店鋪，成功備了案，PC端首頁長這樣

這次為了圖省事，直接找了喜歡的模板進行模仿，主要模仿配色和模塊，海報、店招等都是自己創作的，這次沒有copy別人的

裝修流程和店①的大同小異，只是在細節中有提高，以photoshop為核心工具

最后寫點手機端的裝修

手機端的訪問量越來越大，手機訂單差不多占到我店子微弱訂單量的99%

所以對店③的手機版也花心思研究了，目前是這樣的

 

手機端的用起來更簡單明了，文字少的話最好以圖片的形式展示，因為文本展示可自定義的功能太少了！文字多就以文本展示吧，不然工程浩大，也影響買家的打開頁面速度。手淘上，頁面打開速度很重要！