【个人作品展示】UI原型、设计文档

原创 已于 2023-12-18 21:31:37 修改 · 置顶 · 512 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端框架

于 2023-12-17 20:09:44 首次发布
本文分享了最新版的原型UI设计图示例和一款原创的基于Vue的动态时间轴组件，展示了前端设计与技术的结合应用。
jqrrgmvtk
关注
UI原型原文件
04-27
UI原型HTML原文件，CSS已定义，JS已分离，简单易学
精选资源
个人作品展示，ui原型图、软件设计文档
12-17
个人作品展示，ui原型图、软件设计文档
UI设计中的原型图用什么工具？怎么做？给谁看？
wunininini的博客
03-07 8025
（阅读时间：5分钟） 我们应该理清到底什么工具配合制作什么样的原型给谁看？ 设计师小伙伴们肯定都知道，在网站或者应用开发的前期，是需要设计原型图然后给开发和客户展示的。 原型图的目的： 第一是给自己看，方便规划整个设计并持续下一步的完成度； 第二是给开发看的，可以更好的说服，并且更佳的完善软件； 第三个目的是给客户看的，更高质量的原型图可以推动合作并让客户更满意。 但是在实...
UI原型设计（即时设计）快速入门这篇就够了
制定持续可量化的目标，不断坚持。
01-23 2万+
我使用的UI原型设计工具是即时设计，所以我选择该工具来讲解。
UI-axure-原型图
Dan的专栏
07-11 1000
画出来大致的原型图 反编译了部分apk
原型图和UI的区别与联系
最新发布
xiaofang2015的博客
08-26 958
UI图的主要功能是呈现设计的视觉方面，包括颜色、字体、图标、按钮等元素的样式和布局。UI图还可以作为设计标准和规范的参考，确保不同页面和功能的一致性，提供清晰的指导和交付物。原型图和UI图的共同目标是提供用户友好的界面和良好的用户体验。UI图则通过视觉呈现和设计细节，提供吸引人的界面和一致的品牌形象，增强用户的情感连接和使用欲望。2、UI图的概念：UI图是一种设计工具，用于展示最终界面的视觉效果和设计细节。它是在设计过程中后期阶段制作的，通常以高保真度的形式展示，侧重于界面的外观和视觉呈现。
整整1600套Axure原型图设计源文件UI UX交互设计案例
热门推荐
weixin_46664875的博客
06-17 4万+
网络上的Axure教程看了很多，大多数都是讲软件如何操作，讲交互逻辑和用户体验的却寥寥无几，而实际项目中却非常重交互逻辑和用户体验。把这1536套原型文件一一拆解，慢慢分析作者的设计思路，会发现，互联网产品交互设计真的很有意思，很容易掌握。 文件格式：Axure RP（为防止打不开的情况，建议使用9.0/10.0版本以上的软件打开） 文件数量：1536套 文件大小：5.95GB 资源包内包含相当丰富的项目原型，各行各业的小程序原型、APP原型、网页前端原型、中后台原型等等都有收录，涵盖教育、电商、直播及短视
Axure RP Pro：前端UI原型设计利器
Axure RP是一款广泛使用的专业级原型设计工具，它被广泛应用于网站和移动应用的原型制作。在UI/UX设计领域，Axure RP提供了丰富的设计功能和交互效果的模拟，使得设计人员能够快速创建出具有真实交互体验的页面原型...
Pencil：强大的开源手绘UI原型设计工具
图库则是指一系列预设计的图形元素集合，图库的丰富程度直接影响到设计工具的实用性和设计作品的多样性，Pencil提供的多种图库可以极大地丰富设计元素，便于设计师快速构建界面原型。 从标签内容来看，“UI 界面...
UI设计作品集：精选界面与交互设计展示
结合所提供的标签——UI设计、作品集、界面设计、交互设计、设计系统、视觉设计、用户体验、设计规范、原型设计、图形界面，我们可以深入剖析其中蕴含的丰富知识点与设计方法论。 首先，UI设计（User Interface ...
产品原型制作及需求文档撰写
08-21
产品原型如何画，产品需求文档怎么写，需要包含哪些内容
原型图文档资料
06-13
学习原型图资料，非常合适好用，大家不要错过，我觉的很好
网页产品产品原型设计模板-RP文件
08-29
网页产品原型设计模板，产品原型源文件，下载后即可开始设计产品原型。
原型图、交互设计、UI图，到底啥关系
lucky_girl11的博客
04-18 3万+
其实一直以来都纳闷，产品经理要做原型图，然后UI设计师要画UI 图，这两个之间貌似有许多重复的地方，而且还是大多时候还是并行进行，实在不知道二者之间的关系是什么，通过查阅资料，做一下总结。 做原型是表达自己思路的一种方式，任何岗位都可以制作原型与其他岗位进行工作上的沟通。当然，各个岗位制作的原型的侧重点是不一样的。 产品经理和交互设计师所做的原型在衔接的地方难免有一些重复。但是交互设计师所负责的原型
从零开始教你做高保真原型图+UI 设计规范
博客简介
10-22 3740
Hi-fi 输出 上篇文章提到，在Hi-fi阶段大概可以分为前期、中期和后期三个阶段。这篇文章就是对Hi-fi阶段的详细解说。… 前期 前期的主要任务是hero screen（主功能页面）的尝试设计，通过它进行视觉风格上的确定。 APP进入视觉风格确定的时期，主要确定的内容包括颜色、字体、图标三大块。 1. 颜色 确定的过程先做好心理准备，很大程度上会来回折腾，改来改去。着手点可以从产品点位出发，结合企业视觉系统进行统一形象设计。 如果企业有自己的logo和产品线，那视觉出发点可以在保持现有产品线的基础上
axure网站开发原型设计（需求文档必备）
wyhappy612的专栏
07-14 5999
<br />Step1：原型（Prototype）<br />设计的第一个阶段，我们称之为原型设计，主要是设计产品的功能、用户流程、信息架构、交互细节、页面元素等等。如果你觉得听上去这些概念都比较悬的话，我就用大白话来说：原型设计，就是完全不管产品长得好不好看，只把它要做的事情和怎么做这些事情想清楚，把它怎么和用户交互想清楚，而且把所有这些都画出来，让人可以直观地看到。<br />至于怎么画出来，那就随你了。用纸笔画，用白板水笔画，用Photoshop画，用Visio画，或者像我们一样用Axure画，都可以
HTML网页设计.2021.11.19
cvpatient的博客
11-21 4128
一.第一个网页设计，原型如下图 思考要完成的点： 1.登陆和注册建(input)设置(type)为submit的类型 2.下面的blog标题设计为表格(table)，最外层显示表格框
5款Windows 界面原型设计工具
kupePoem的专栏
02-25 3万+
转自：http://www.oschina.net/project/tag/291/ui-design?lang=36&os=0&sort=view 界面原型图绘制工具 Pencil Pencil 是一款开源的原型图绘制工具，手绘风格的，就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图，同时还提供 Firefox 的插件。
界面原型设计工具
xiliuhu的专栏
08-18 8013
转自：https://www.oschina.net/project/tag/291/ui-design?company=0&amp;sort=score&amp;tag=291&amp;lang=0&amp;recommend=false&amp;p=1 图表和 GUI 原型制作工具 Pencil Project [推荐] 上次更新: 2017年07月04日收藏 211评论 10评分 7...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值