交互原型
简单快速的原型设计工具,产品经理5分钟创建交互原型
协作设计
全新产品协作设计平台,无缝连接产品、设计和开发
设计系统
专业的设计规范管理系统,定制设计规范、管理设计资源
新功能 查看更多 >
KID | 2019-12-12
桌面客户端
DS for Sketch
APP端
Mockplus for Sketch
微信小程序
PS插件
Axure插件
Sketch插件
XD插件
微信小程序(Coming soon)
购买Mockplus,选择适合你的方案
购买iDoc,为你的团队助力!
对话行业前沿产品人和设计师
精美原型模板和设计例子
更好的资源,助你学习和设计
免费获取优质的设计资讯!
你已成功订阅,感谢你的支持!
佐珥· 2019-3-20
Cherry· 2019-11-25
Greta· 2019-10-25
Greta· 2019-12-12
Trista· 2019-10-28
Trista· 2019-11-08
更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?
更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。
打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。
网页设计千变万化。每年都有形形色色的全新设计不断涌现,优化用户体验的同时,也带给我们前所未有的视觉和感官盛宴。那么,即将到来的2020又将如何呢?又有哪些热门设计将继续流行?哪些全新的设计将涌现呢? 摹客团队为大家分析了最近几年的国内外优质的设计作品之后,整理出了2020年网页设计的15大设计趋势。希望对大家有所启发。 下面,我们就一起看看都有哪些吧。 1.语音交互+传统图像交互=最佳用户体...
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具 在Web和移动用户界面中对内容呈现进行周到的设计,对于扩大产品的实用性和可用性意义重大。本文将重点介绍用于视觉板块划分的技巧:分隔符和布局。和摹客一起来看看都有哪些常见的视觉分隔符吧~ 什么是视觉分隔符? 视觉分隔符是一种布局元素,有助于将内容分成清晰的组、部分或区域。并且,可以帮助设计师根据典型...
开发网站或web应用时,网页开发工程师往往都需要编写CSS,如果每个项目都是从0开始,将会花费大量的时间和精力,并且还会处理很多重复性工作。 渐渐地,工程师们意识到,可以拿出抽象的模块来重复使用,以此来提升开发速度。于是乎,CSS框架便应运而生,并且得到了越来越多的工程师的青睐。 本文精选了15个2019年最佳CSS框架,如果你想要更快更简单地开发网站或web程序,一定不要错过哦~ HOW ...
这个夏天,那个塌鼻子、齐刘海、烟熏妆的丑萌哪吒彻底火了。背后是导演及创作团队历时5年的筹备。俗话说厚积薄发,没有平时的积累,哪来的现象级作品问世。网页设计也是如此,没有设计师们平时对设计素材和灵感的积累,哪来的优秀作品呢? 今天摹客团队又为大家整理了一批优秀的网页设计作品,供大家欣赏、学习,为打造下一个爆款作品积累灵感: 登录页设计 渐变色设计 插画设计 排版设计 网页设计灵感之...
以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器。 Bootstrap是一个功能强大的、以移动端为优先的响应式前端框架,它是用CSS、HTML和JavaScript构建的。与从零开始编程,甚至许多其他框架相比,Bootstrap都有许多优势。 Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它最初是由Twitter的设计师Mar...
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 设计师日常设计过程中, 免不了需要使用Chrome搜索各类最新设计案例或文章。善用各种专为Chrome打造的扩展小插件,能显著提升Chrome的效能,帮助设计师更快获取灵感、学习技巧。 所以,为方便大家挑选,下面小编将为大家介绍10款亲测且超实用的Chrome小插件。希望能对大家有所帮助。 1.Wi...
今天我们来继续说说学习JavaScript这个事儿,在《学习JavaScript很吃力?开发五年经验带你轻松上路!》一文中,我们给大家介绍了非常多的JavaScript学习资源,收到了非常多读者朋友的积极反馈,深感荣幸。 还有一些想要学习JavaScript的朋友私信问我,培训课程怎么找到适合自己的?有没有更多学习JavaScript的书籍资源呢? 原来大家都是有一颗热爱学习的心呢~ 好...
一个好的网页设计,不仅仅只是产品或公司企业相关信息的机械罗列。一个好的故事(尤其是一个准确把握受众需求,巧妙结合企业产品特色,并能够轻松引起用户共鸣的故事),更能赋予网页思想和灵魂,让用户不由自主停留,逐步深入,最终完成购买。 然而,如今打造一款极富故事性、艺术性和视觉效果的网页设计,并非易事。那么,对设计师而言,如何才能成功设计一款有故事且代入感极强的网页呢? 下面小编就和大家一起了解一下,...
CSS或CSS3动画,包括常见的鼠标悬停动画,网页加载动画,页面切换动画,文本动画以及背景动画等等,能够有效地提升网页趣味性和视觉吸引力。这也是为什么CSS/CSS3动画设计能够迅速蹿升为网页设计一大流行趋势的重要原因。 然而,对于网页设计师和开发工程师而言,创建一款极具趣味性和实用性的CSS/CSS3网页动画并没有想像的那么简单。 究竟如何才能设计出一款既符合网页特色,又能有效提升网页魅力和...
网页背景设计看似在整个网站的设计中处于一个不起眼的位置。实则,它对于用户的留存性及促进网站转化率方面都起到非常重要的作用。若是网页背景设计不合理,或者图片、色彩运用不当,对于用户而言都是视觉上的灾难。 因此,设计师在网页设计初期对整个网站的背景设计、网站布局、色彩搭配、字体选取等方面都需要做一个整体的权衡和考量,以达到各设计元素在视觉上的平衡甚至出彩的效果。 那么,今天就跟随摹客团队的脚步一起学习...
我们日常所看到的网页设计大多是浅色系和亮色系,作为神秘色系的黑色总给人一种严肃的感觉,它可以很低调,也可以很奢华,但永不过时。 深色网站总是给人以个性而充满高品质的感觉。浅色或亮色文本或图片,搭配深色背景,起到视觉上的层级呼应,突出主题的同时,瞬间吸引用户注意,赋予界面生命力。 如何设计深色系网页? 1、运用白色的文字和深色背景形成反差效果虽然深色背景容易给人压抑的感觉,但是把深色背景运用到白色文...
网站header是网站页面的核心部分,因为该部位是用户第一眼看到的地方,因此网站的header设计在吸引用户注意力并进一步留住用户方面发挥着至关重要的作用。如何才能设计出让人眼前一亮的网站header呢? 要设计出优秀的header,首先得对网站header有充分的了解,为了更好的帮助各位设计师,我们不仅会介绍关于网站header的内容,还精选了20个网站header设计模板和例子,希望能给大家带...
在上一次的专题文章中,我们为大家整理了2019年4月份的优秀网页设计作品。今天,我们将继续为大家整理5月份以来Dribbble和Awwwards上面的优秀作品。 1. Innovative Energy Service Website 替代能源和可持续建筑的问题是现在最热门的问题之一。由此,也产生了多种创新和新产品。 Tubik提供的这个网页设计的主题是提供新时代可持续能源生产、消...
摹客产品顾问为你服务
帮助群:651432826
服务邮箱:service@jongde.com