首页小程序建设正文

获奖优秀网页设计案例（网页设计大赛获奖作品）

小程序建设 2024-02-29T15:24:54 48

本文目录一览： 1、网页插画-几种类型的插画风格网页设计赏析 2、

本文目录一览：

几种类型的插画风格网页设计赏析网页设计的风格多种多样，但插图风永远不过时。插图可以让设计师尽情地表现他们自己丰富的创造力和想象力，将插图运用于设计之中也会使网页变得更具有趣味性。

MBE插画是由Dribbble的一位设计师创造的风格，采用黑粗线条描绘元素，除去画面中不必要的元素，色块有明显的区分，圆润可爱。和小元素配合，常用于引导页、启动页、logo等。

插画的7种风格特点-扁平、流行、常用的风格、简洁明了扁平插画简单来讲就是把复杂的关系简约化，让画面更加清爽整洁，也是现在比较常用的风格了，很多商务工具类的APP会选择使用这种风格。

MBE插画。这种插画风格的特点是：简洁、圆润和可爱，一般都带有特粗的深色描线、Q版化卡通形象、圆润的线条、矢量绘制的线条+面组合的设计风格，整体很清新、可爱的调性，一般运用在图标和空白界面的提醒等方面。

获奖优秀网页设计案例（网页设计大赛获奖作品）

1、著名的预构建主题网站 Be Theme 就是清爽直观这一特色的完美呈现。

2、通过在启动页中添加标志性的slogan或者图像，既能强调App的用途也为用户设定了一定的期望。例如上图的3个应用将品牌logo放在开屏页中，这样的设计对用户的感官有直接的刺激。

3、点击制作栏目，进入模板选择页 1：选择空模板，自由创作、选择主题模板，更快速的创作出炫丽的展示。预览树操作 2：显示的页面的显示顺序；右键调整页面的显示顺序；点击页面右上角的X，可以把不需要的页面删除。

4、详情页的制作包括前期的策划和后期设计的执行，是由运营和设计协作完成的，只靠设计一人去做，即便是做出视觉效果不错的详情页，在实际使用中也不一样会带来好的转化。

5、其次，收集需要展示的信息和素材，如图片、文本、标志，并且需要有足够的质量和数量。最后，确定海报的尺寸和比例，你可以参考现有的尺寸和比例，也可以根据需要自行设置。

6、如何设计宣传单页输入海报的内容。例如制作一个电子产品的宣传海报。新建一个空白文档，输入“电子数码产品宣传海报”，单击开始--段落-居中，首先设置好标题，并保存好。单击office按钮，选择“另存为”单击想要保存的格式和位置。

幽默风格插画，比较常见的是采用夸张的手法造型，这一点在欧美风格中非常常见，色彩的选择上也是比较夸张化。唯美主义风格插画，宁静而又平和就是这种画面的主旋律，在色彩方面，一般说来以偏中性和冷色调最为常见。

图形插画的运用也是一种很好的方式。网页Banner可以运用插画来表达网站主题，同时加上插画图标的点缀，使网页看起来清新有趣，加强网站本身的独特性。

插画设计师身为一个数字时代的设计师，必须要掌握几个基本的绘图工具并熟练运用它们，如Photoshop，Illustrator，flash等，因为大部分的插画约稿都是通过电子文档的格式来交付的。同时，插画设计师的工作方式更加的自由和多元化。

1、具有传播力的设计一定是仅用简单的语言描述，就能让对方脑海里形成准确画面的设计。例如麦当劳的标志，“一个黄色的M”，六个字就说清楚了，就算不知道麦当劳的人根据这个描述去寻找麦当劳餐厅，我相信他们也能很快找到。

2、用户行为路径的获取，一定要跟产品经理、交互设计师进行沟通确认清楚。用户行为路径某些步骤中，也有先后之分，比如第1步中，用户输入了账户地址后，才会有账户的相关数据显示。用户行为路径可以支撑信息内容进行归类分组。

3、蓝色不是海洋天空的专属色，蓝色也是UI 设计的青睐色。其实，并不是只有白色设计才叫简洁，蓝色也可以达到简洁的效果。看看你常用的一些比较有名的APP或者网站，比如Facebook，Safari以及办公软件等等。

简单优雅和易读是 Joseph A Avoue 的网站联系我们页面的设计风格，没有华丽的设计，也没有花哨的功能，一个纤细的环，中间是最基本的联系信息，就是这么直接。

Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的一个“场景”。这是一种整合页面的方式，值得学习。

高清黑白照片着陆页轮播或背景图片的应用，是另一种设计师常用的黑白风格网页设计方式。而本款作品集网页设计就选用了这一设计方式，通过着陆页添加有特色的高清黑白背景图片，以增强页面的视觉效果。

乔晟 18529 0