一个合理、可靠的信息架构可以有效地组织内容,使信息更易于用户获得和理解。当设计网页时,用结构化的图表来表现整个网站的各个屏幕之间的关系,可以让你从一个更高的层次去把握整个网站。
所以,我首先用结构图绘制出了旧版本网站各屏幕之间的关系。升级之前,我会全面地了解内容、目标和流量分布,并给出建议。构思草图帮助我们确定项目执行的范围,就像一张彻底的检查清单,让我们在组织内容、设计边界、编写代码时更加清晰。
线框图。
重新设计的时候,我会用线框图来勾画出整体的轮廓,帮助我思考问题,打通思路。有些人喜欢在餐巾上涂鸦自己的想法,有些人喜欢面对面地交流,还有一些人喜欢在网上实现自己的想法。
线框的优点是,你可以快速方便地填入各种内容。单凭文档执行思路不够明确,草稿粗略不够规范,线框图更能避开这些问题,不同类型的内容排列整齐,你就可以清楚地控制布局,模块和模块之间的关系。
启发板。
新品牌的视觉设计将在Inspirationboard上展示出来,展示出它可能的样子,这也是我从这个团队获得支持的一个方法。
与此同时,上海网站制作公司也将使用Pinterest,为了避免我们在单一的画板上陷入泥潭,我们创建了多个画板,针对不同的领域,如导航,动态效果,排版,等等,有针对性的收集案例,并从中获得灵感。
如果想,就用AI来勾勒,它们通常是文字、图像和颜色的组合,看起来就像广告一样。之后,同样相似的设计元素将出现在我们的草稿中,尽管每个元素的位置和外观都会有所不同,而且版本也会有所不同。
意识的草稿和原型。
许多人并不关心印刷在纸上的线框和视觉手稿。诚然,直接在屏幕上看还不错,但直接在纸上看落实了线框图、视觉稿和原型效果更好。