很多人会觉得程序员只用会写代码就好了,为什么还要学习原型设计呢?
程序员学习原型设计有以下一些好处
-
提高沟通效率:原型设计是一种可视化的沟通工具,可以帮助程序员更好地与产品经理、设计师和其他团队成员沟通需求和设计方案。通过原型,大家可以更直观地理解产品的功能和界面布局,减少误解和沟通成本。
-
快速验证想法:原型可以快速构建并测试产品的初步想法,帮助团队在开发之前发现潜在的问题和改进点。这种快速迭代的过程有助于节省时间和资源,避免在后期开发中进行大规模的修改。
-
增强用户体验:原型设计不仅仅是界面的设计,它还涉及到用户交互和体验。程序员通过学习原型设计,可以更好地理解用户需求,从而开发出更加人性化和易用的产品。
-
跨职能技能:在现代软件开发流程中,全栈开发者的概念越来越流行。全栈开发者不仅需要掌握后端开发技能,还需要了解前端设计和用户体验。学习原型设计可以帮助程序员拓宽技能范围,提高自己的市场竞争力。
-
促进创新:原型设计鼓励创新思维,因为它允许设计师和开发者探索不同的设计方案和交互模式。程序员通过参与原型设计,可以激发创造力,为产品带来更多的创新元素。
-
控制项目方向:在项目初期,原型设计可以帮助确定项目的方向和范围,确保开发工作符合预期目标。程序员参与原型设计可以更早地对项目有一个整体的把握,有助于后续的开发工作更加顺利。
假如没有专门的原型设计同事,或者需要敏捷开发的时候,一个前端程序员的审美非常重要,直接决定了网页做出来的颜值效果
原型设计需要使用什么工具?
Axure 8或者9,可以直接私信作者或者到作者的个人资源库下载。
开始学习使用Axure
首先看视频熟练使用Axure中的一些工具和功能
在正式画原型之前要确定客户或者自己电脑的分辨率是多少,建立一个固定的长宽尺寸的背景画布,一般是1920*1080。可以现在草稿纸上画一个大概的布局,再在Axure中开始画原型。
花小钱办大事
https://www.axureshop.com/ 是一个axure组件库,里面涵盖了大部分市面上面常用的系统,可以借鉴里面的系统的页面布局,页可以直接购买下载Axure源文件。
一个重要的设计原则
行内间距≤组内间距≤组件间距≤页边距
原型设计的经验分享
先排班好文字,再加UI元素
原型以5作为边距,UI以4作为边距
圆角矩形常用8,硬一点是4,柔和一点就是变成椭圆
原型默认字体12-13号,一级标题24号
原型最好不要用6个0的黑色
找素材可以去花瓣网