网页设计第一步:绘制网站草图

网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明,是对用户需求沟通的图形表现,以便更准确无误地与用户确认需求,也对网站风格设计过程起指导作用。

网页设计第一步:绘制网站草图

开始制作网页的时候,不少初学者往往不知从何开始,那些设计大师往往是从设计草图开始的……

画啊画啊~就画出自己想要的样子了,然后再从Photoshop或其他软件上开始设计。

125网页设计今天分享设计师画的草图,也可以称作”原型图”,大家可以看看设计师们是怎样画的。

绘制网站草图的意义:

制作网站草图可以在设计时让团队每个人都参与近来,贡献自己的想法,让团队每个成员感觉到产品是由自己亲自参与设计的,加强团队的凝聚力。

而且通过草图,让开发者也不再是闭门造车,他将可以直接面对所有人对产品的推敲,从而发现问题。通过头脑风暴,也可以让产品在开发过程中遇到的问题得到迅速的解决。

下面是一份标准的手机网站设计步骤蓝图

在设计中,对于不同的步骤要用不同的思考方式,有的时候用独立决策,有的地方要用发散思维和头脑风暴。在设计中,团队难免有意见分歧的时候,要接受这种分歧,因为这些意见的分歧往往能碰撞出很多设计的闪光点。

1.设立目标和标准

A.建立任务的优先级。这个直接关系到团队的工作效率,不能把有限的资源浪费在无限的问题上,要抓住重点。
B.定义目标用户。这个绝对是关系到生死的问题,设计必须全方位的符合自己目标用户群的需求。
C.头脑风暴。在建立好初始目标后,还要多即将开始的工作进行一次全员大讨论,这可以发现问题,防范于未燃。

2.开始绘制网站草图

A.随便画一些关于产品的故事

用简笔画用最直接有趣的方式把你关于产品设计的任何想法给画出来,这也可以考察你对产品的认识和定位是否清晰。

网页设计第一步:绘制网站草图

这项内容一般人数不要求过多,2-3人可以用30分钟的时间一边讨论一边作图。草图只要和产品相关,内容可以不受任何限制。你可以设想一个故事,比如你是一个用户,突然遇到了一个好的产品,从此抛弃了以前的旧产品。或者是用户在使用你们设计产品时的设备或是情境,遇到了什么故事。这样的草图看似和产品不是密切相关,但是其实这是一种发散思维方式,能让你最大化的设想出自己设计的产品到底是怎么回事。

B.确定网站的实际设计

这项内容由团队领导2-3人完成,时间不用过长。直接画出网站在设备上可能显示的草图,一般会设计出三个版式,以适应不同的移动设备。

网页设计第一步:绘制网站草图

设计完板式后,要画出网站内容的连接逻辑。

这一部草图不再要求任何的发散思维,一般整个草图的定稿要有团队领导或设计权威拍板,其他成员可以参与讨论,但是最终的决策必须确定。

3.画出自己想要的样子了,然后再从Photoshop或其他软件上开始设计

网页设计第一步:绘制网站草图

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/5278.html

(4)
江山如画的头像江山如画管理团队
上一篇 2020年2月25日 下午4:12
下一篇 2020年2月29日 下午6:28

99%的人还看了以下文章

  • 怎么知道哪些字体是侵权的?免费可商用字体有哪些?免费字体打包下载

    字体版权一直是很多设计师的雷区,一不小心就容易触犯。125建设网和大家一起来弄清楚:免费可商用字体到底有哪些?怎么知道哪些字体是侵权的? 怎么知道哪些字体是侵权的? 可以在360查字体:https://fonts.safe.360.cn网站上检查自己电脑上哪些字体是免费可商用的,哪些是商用需要授权的。 免费可商用字体有哪些? 1. 思源黑体(推荐) 思源黑体…

    2023年1月18日 网页设计
    5.8K0
  • 做个企业网站多少钱?

    联系中国网页设计站长做网站:QQ  41588872 很多企业要做网站,老板先问的是做个网站多少钱? 这个真没有办法直接回答,因为网站的价格跟网站的定位、功能需求、栏目等是息息相关的,你必须描述清楚你的要求才可以给出大致报价。 因此,首先要明确你做网站的目的是什么? 1、展示型网站 只是把网站作为一张“网络名片”,让别人知道你有网站,印在名片上,感觉企业高大…

    2018年9月30日
    10.9K0
  • 平面排版 CRAP原则-人人都可能成为设计师

    CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密(Proximity)  对比(Contrast) 避免页面上的元素太过相似、如果元素不相同,就让它们截然不同元素包含字体、颜色、大小、线宽、形状、空间等根本目的:增强页面效果, 有助于信息的组织如何实现:通过字体选择、线宽、颜色、形状…

    2018年5月8日
    17.7K1
  • 字体性格—解决字体设计和使用的问题(精)

    字体性格就是通过字体结构、笔画、细节的差异,塑造出形式多变的字体,从而给人不同的视觉感受。好的字体设计,总能在第一时间准确地传达字体情感,这就是字体性格的魅力。

    2019年11月27日 网页设计
    8.5K0
  • 网页设计心得-图片的选择和处理

    网页设计师心得-图片的选择和处理,教给你如何根据色彩角度、网页角度、摄影角度来选图,并通过几个简单的案例教会你如何处理图片。

    2022年3月19日 网页设计
    2.1K0
  • 福利!13款免费商用卡通字体推荐(已打包)

    本期推荐的是免费商用的卡通体,此类字体非常适合运用在可爱活泼、轻松休闲的设计中,会有不俗的表现力,常常能达到“画龙点睛”的效果。 部分作品展示: 整个字形向上倾斜,给人一种积极向上的感觉,而且横折和竖折的笔画都有弧线,没那么死板,无论是笔画结构,还是笔画粗细,都是灵活的,是一例轻松快乐风格的字体。 字形笔画去除了折笔的弧形,换之以平直的笔画,竖弯钩转为竖折,…

    2023年1月28日 网页设计
    12.1K0

发表回复

登录后才能评论