以南征老师的版式设计之延展 web界面设计（1）

由于懒，就做了上半部分，不好意思哈， 我就是先分好模块，再往里面放东西的，就像盖房子一样 好了，好晚啦，今天就这样吧，以后还有什么在补充吧 附： 1、此次教程用到的图如果涉及到侵权，请及时联系我，因为自己只是拿来做教程，未做商用 2、一直以来，南征老师给我们上课的时候都说，版式不止可以用到画册，还可以用到海报，web，UI， 希望以后能把更多的设计分享出来 南友们，fighting！！！

01c3f157ab95350000018c1b6b7507.jpg

01hmqqd6hu98tnygy36z503437.png

网站模型

01w2y7wfhrd4yrlnno18kb3937.png

01kmwidlhx2r4lalvrmvpr3837.png

01a50c62344bbe11013f785bd97326.gif

UI动效

01naofhn2svchpqiszkju53332.jpg

网站原型图＋高保真

喵柠MIAONIN丨柠檬饮品品牌包装全案设计丨IP设计

675e7ea39a1d969mkvbpe0696.gif

01qdzwtpbqzuobt7wtyc2h3236.png

高保真网页+原型图

01e626589994c8a8012060c8e4e196.gif

01d58258ef3817a8012049ef784c3a.jpg

美食网页

0163ad5df73788a801219ccec29d78.png

建筑摄影-北京清河高铁站

0119aa624940c00002c3290f336882.png

全屏网站设计-服装

01fb4155fec10732f875a132b77b72.gif

UI界面开关动效 AE动效

018flrqjpsltohogt42i7p3431.jpg

0157ce5b39d84ba80120b959164af2.png

一组齐全的icon设计素材3

018yc5fuibkdzinn7oslfu3338.png

车载HMI概念稿

015oawfoyeewt0kk8zo2kg3530.gif

P4D场景搭建

017bcd624940c00002c4212c722e9f.png

01ohbfxn3i1qyaucn3crpe3236.gif

交互

011cc25f2bb45da80120a8218bad0b.gif

雨伞详情页

0131635d686c5ea80120526d7f0274.gif

小牛当家APP

01hajp9ho6uuhdjfbxvaaf3138.jpg

网页

01a1735818402da84a0d304f22f2d7.png

网页端的一些整(zuo)理(si)

0107f05ccbfe58a801208f8bbae1af.gif

服装类详情页模板

01py9dcoyfnjyfytascupy3135.png

网易云音乐栅格处理让我联系到自己WEB的栅格处理。

01fc4a5b2cb6bba80121bbecd27935.png

01413958ca0a45a801219c774a2f05.png

2017.3.15APP

站酷推荐设计师

01fa945dbbb54ea801209e1faed231.gif

王源2019【源】演唱会大屏视觉

01qqamrxxupawplb3cphca3139.png

原型图

01f1565b87bdfaa80120245c68e9cf.gif

一大波合成海报（附过程）