简单手绘网页设计草图，网页制作手绘

25款独特且走心的“关于我们”页面设计

1、Mike Kus 的“关于我们”的页面设计采用了独特的双色配色，前景色是黄色，背景色是红色，双色搭配的优势在于它极强的凝聚力，这样的风格通常厚重而复古，而且可以很好地强化品牌色给人的感觉。另外一个引人入胜的地方就是其中大胆的插画——大脑。

2、Anakin 的关于我们页面同样是让用户填写联系信息，不过在表单的设计上更加独特，并没有专门的表单，而是使用占位符提示用户各个位置需要填写的内容，贴心、直觉，也非常走心。

3、这个“关于我们”的页面还有两个地方非常贴心，一个是短视频背景，它很好地展现了工作环境和整体氛围；另外一个是团队成员头像的设计，鼠标悬停的时候，你可以看到其中人物表情变化的动效，不仅贴心而且有趣。

4、作为一个专业的葡萄酒进口公司，BooneSelections的关于我们页面用独特的排版和滚动式的页面设计，营造出独有的品牌气息。

黑白灰大气范网页设计欣赏

特点：以一种米色粉作为底色，和传统的黑白灰网站不同，传达出一种温馨感。主页缩略图的排列和设计极富新鲜感以及整体感。vincefrost：特点：黑白的满屏大图，大型的文字，沉浸式的导航和内容。在鼠标经过时有些许色差呈现，整个网站架构清晰、操作流畅。

以大图全屏展示作品细节的网站来说，黑白灰似乎是唯一的选择，但同时，设计师也安排了红色。在大图展示的交互上非常巧妙。黑色传递出一种酷，深色氛围，更加凸显细节中的闪光点。Echo 页面采用黑白线条，显得大气，但容易给人眼花缭乱的效果。

实例1：Kenta Toshikura 亮点：3D技术，视觉滚动差设计 个人作品集网页设计，运用黑白配色，干净整洁。视觉滚动差设计让网页流畅实用，3D技术展示作品效果显著。学习点：黑白配色应融入网页设计各个方面，提升协调统一性。

单个像素图 首先打开AI软件，新建一个文档，文档大小任意。在视图栏目下勾选“像素预览”，勾选这一选项后，当你将自己的图片缩放到足够大时，会出现像素格子，然后再勾选“对齐像素”，这样图案就会自动对齐像素，无需你再自己手动控制对齐了。

50个国外复古风格的网页设计欣赏

采用经典的唱片封面设计风格，结合复古字体和图案，展现出音乐与复古文化的完美融合。prahba.com 网站整体色调偏暗，但通过精心挑选的复古元素和细节装饰，营造出一种神秘而优雅的氛围。tomatic 设计简洁而不失复古韵味，通过巧妙的排版和配色，展现出独特的网站风格。

小编：都说网页风格跟随潮流，随着复古风的流行，网站的风格也不甘落后。有那么一些网站把元素、言语还原成旧的事物，披上一层旧的时光，绽放不一样的心情。让我们一起去穿越一朝吧。

以下是一些使用大气醒目的字体排版的优秀网页欣赏： Stugoo 特点：使用高识别度的字体设计，结合优雅的线条勾勒和漂亮的水泡装饰，营造出安静又俏皮的氛围。 Teamgeek 特点：复古风格的logo设计与可交互的粒子特效相结合，展现出新技术在网页设计中的运用，给用户带来独特的视觉体验。

Heikopaiko：运用丰富的色彩层次和独特的图案设计，展现出独特的艺术风格。do a backflip：采用大胆的色彩搭配和动感的设计元素，传达出活泼和创新的品牌形象。BarCamp Omaha：以鲜艳的色彩和清晰的导航结构，打造出一个易于参与和互动的活动页面。

ForefathersGroup：创意点：具有复古感觉，利用纹理、图像和字体创建独特的视觉效果。MapBox：创意点：照片的色彩配置和使用给网站一个干净的空间，以展示产品，同时保持简洁明了的风格。这些网页设计创意展示了设计师们在追求视觉效果、用户体验和跨设备兼容性方面的独特思考和创新能力。

怎么使用Photoshop做活泼手绘风格网页设计稿?

1、要使用Photoshop制作活泼手绘风格的网页设计稿，可以按照以下步骤进行： 创建画布与背景设计 创建画布：打开Photoshop，使用“文件”“新建”或快捷键CTRL+N创建一个新的项目，画布大小设置为1000×900像素。

2、第二步：应用渐变 既然我们的画布已经创建了，是时候开始背景的设计了。创建一个新层（快捷键CTRL+SHIFT+N）。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为#ede4c9。这个颜色用来表示盒子的颜色。第三步：添加纹理 我们想要BoxedArt背景设计看起来像厚纸板的效果。

3、用Photoshop制作网页的步骤如下：创建画布：打开Photoshop界面，创建一个宽度为1200像素，高度任意，分辨率为72像素/英寸的画布。设置辅助线：在画布的1200像素宽度左右两侧各拉一根辅助线，以固定设计区域。调整画布大小：打开“画布大小”设置，取消“相对”选项，将宽度调整为1920像素。

4、在Photoshop中设计网页的第一步是规划好页面的布局。你需要确定各个部分的位置和大小，包括标题栏、导航栏、内容区域、侧边栏和底部等。确保每个区域都符合视觉上的平衡和对称。色彩搭配是关键环节，可以参考流行的颜色方案，或是根据品牌形象来选择颜色。记住色彩不仅要美观，还要符合网站的品牌定位。

5、设计草图：在开始使用Photoshop之前，建议您先绘制出网页的基本布局草图。使用铅笔工具绘制网页的各个部分，例如头部、主体内容区域、导航栏和页脚等。确保草图清晰地体现出网页的整体结构。 色彩与布局：在草图基础上，开始在Photoshop中构建网页的设计。