当设计网页版面的主题时,我想到了在设计中经常遇到的错误,为了能更好地改正这些错误,我总结了一些方法。其设计原则不仅涉及设计方面,如着陆页设计,而且还包括总体工作流问题,这将使工作更好地进行。在这里,你将很快开始创建专业的站点布局。
把你的想法写在纸上。
看起来很明显,但是我发现很多设计师都跳过了这个步骤,直接使用Photoshop。通过正确的布局和清晰的层次感,把你的想法画在纸上,就能解决问题。先考虑内容、布局和功能,然后再开始渲染。
开始画一个顶层框架。
草图基本线材将帮助您解决UX问题和构建布局。在我被要求为一个项目创建外观时,我做的第一件事就是设计一个可以解决所有设计问题的顶层框架。Framework是一个内容UI,可以帮助执行操作和通过它进行导航。该工具包含导航和像边栏和底栏这样的组件。
为你的PSD添加一个网格吧。
这听起来很简单。Photoshop设计任何东西之前,你需要有一个合适的格子。Grid会帮助你建立不同部分的布局;它会引导你达到特定的屏幕尺寸要求,并帮助你创建响应式模板,使你的空间间隔和许多其他设计问题保持一致。
郑州网站设计公司选择网站的版面颜色。
限制色彩和色调以防止视觉超载。当选择一组字体时,您应该开始探索您将在UI、背景和文本中使用的颜色。关于色彩,我推荐有限的一组颜色和色调的通用用户界面。
取决于元素的功能,这些一致性应用于UI非常重要。想想Facebook、Twitter、Quora和Vimeo这样的网站。除UI外,不应对插图或图形细节进行颜色限制,只要它们不影响组件的功能。
五是分区布局。
网站结构越简单,用户导航越容易。你站点的每一部分都需要讲述一个故事。版式需要帮助内容突出说明故事中最重要的部分。事实上,页面上不应该有很多呼叫,所以所有的东西都应该放到最后一个“我能在这里做什么”。
注意每一个细节。
这可以是一次小小的互动,一次意想不到的动画或美学触感,或者是一个按钮中的小梯度,或者是背景中围绕盒子的细微笔画。但是总的说来,如果你真正喜欢你所做的事情,这种接触是必要和自然的。如您对网站设计/开发、印刷服务、品牌设计、市场推广、APP/微信开发、数据运营等方面有更多的需求,请登陆摩恩网站官网进行咨询。