017f775694b4a56ac725af23e95533.jpg

一套茶叶网站初稿

013b2e5694b49d32f87574be066078.jpg

01a77d5694b4a16ac725af236a2b45.jpg

01ee89578c50b40000018c1bdb6906.png

小型电商平台设计（含内页）

01nshtcjpes6xwo6ex044n3334.png

茶叶官网（高保真）

网页及详情页展示，见证了我的成长

01a2e260b117ae11013f4720106d94.jpg

01d1135bc499b7a8012099c8600a60.jpg

茶叶网页设计

014e905694b4a632f87574be6b282f.jpg

018e225a181ef4a801217132e70efc.jpg

简约网页设计（素年锦茶）

1.TOP区域放置logo和搜索栏，对于官网，更多的受众是寻求加盟或者商务合作的人；他们一般都会有明确想了解的信息，所以将它放在了TOP区域；&lt;br&gt;（交互效果为：搜索框icon变大）&lt;br&gt;&lt;br&gt;2.导航使用了圆角，是想有点茶叶圆润，温和的感觉；&lt;br&gt;（交互效果为：选中颜色加深，弹出灰色二级导航）&lt;br&gt;&lt;br&gt;3.Banner在正中放了一杯茶，因为文字”一杯好茶“及”百年成就一杯好茶“，让人想到所有东西最后都积聚到一杯茶里；&lt;br&gt;&lt;br&gt;4.loading是一个茶壶在注水的动效&lt;br&gt;&lt;br&gt;5分区标题，都使用了中国风的文字，和墨迹底纹，使人感觉更具历史文化感；&lt;br&gt;（交互效果为：底纹变红）&lt;br&gt;&lt;br&gt;6.百年品牌主要为介绍公司的视频&lt;br&gt;（交互效果为：滚动及正中间的视频尺寸扩大播放）&lt;br&gt;&lt;br&gt;7.底部为其他链接，都使用相对应icon加以示意

011793595904caa8012193a3b0cd67.jpg

张一元茶叶官网改版（练手）

0110c058ad6ccca801219c7716a42f.jpg

仿做茶叶网页

01584d58d386d0a801219c7723a44e.png

杭州狮井茶叶网站

017bf55d8f2f9aa801211d538efecf.jpg

茶道

012eaa5e1953a8a8012165184a822c.jpg

松溪茶叶-企业官网设计

0102235b567f13a8012036be729eaf.jpg

企业官网

01f1dd5d78696ea8012060be6823ae.jpg

云普发&PC UI 官网设计

019e0559f8bab4a801216a4bf6ce7d.jpg

企业站制作

01e54757d76c4b0000018c1b1b7e1e.jpg

茶网页设计

01f7605795c8c70000012e7e117131.jpg

01uqfeyntaw7uitbgox92e3637.jpg

UI设计师 徐根（部分）作品集

012c665714a9bc32f8758c9ba67836.jpg

管氏茶叶官方网站设计

0171305a026deaa801216a4ba86f6c.jpg

艺福堂

01dvjpy3q5wqe48by2yso73933.png

0152a5592ff436a8012193a38059ca.jpg

网页pc端

0157f459db7c9aa80121ae0cffa236.jpg

一叶一茶网站

01c6606059b28311013e87f4b4fe3d.jpg

PC端-官网

01ff1d58f3336ea8012049efb9694a.jpg

01ff2f5cec900fa801209aa03e8b76.jpg

作品集

0113ab59fa97c2a801202b0c322167.jpg

茶叶