Questions tagged «mockup»


6
如何创建原型样机的动画GIF,例如Dribbble上的那些?
我敢肯定,您已经看到Dribbblers上传了他们设计的动画模型。 这是一个例子: 我可以在Photoshop上创建模型,甚至可以将简单的Tween动画应用于它们,但是我永远无法让我的GIF看起来像这里的示例。 Dribbblers使用什么来创建这些动画? 请注意,动画还包括触摸点和完美运动。我想将我的Photoshop样机转换为相同的样式。 如何创建我的模型的动画示例,类似于Dribbblers创建的示例?


4
与直接学习编写HTML / CSS相比,进行完整的图像模拟是否有优势?
过去,许多公司和网页设计师的工作流程至少是两到三个部分,即设计,标记和后端。这些是概括性的,线条可能会有点模糊...但是我敢肯定,你的主旨是。 网页设计师通常只是“可视的”,只负责在图像编辑软件(例如Photoshop或Fireworks)中构建非常详细的模型。样机将显示网页的每个可能方面,从颜色和类型选择到背景,图标,照片和要使用的其他图像。但是“设计者”从不关心实际的现场构建和实施。他们只专注于外观。 一旦设计获得批准(通过查看这些图像文件),便进入第二阶段-将图像文件转换为实时HTML / CSS。 在单座或自由职业者环境中,Web设计人员可能已使用切片,并通过一些内部应用程序选项将其导出为HTML。在极少数情况下,设计人员可能会构建基本的HTML / CSS页面框架。 在某些公司环境中,对于网络设计人员而言,这些模型将保留为分层图像文件(.psd,.png [for Fireworks])的形式,并且设计人员将永远不必担心实现任何标记或代码。“设计者”从不必考虑如何构造HTML或CSS来实现他们创建的此图像模型。将图像文件移交给“开发人员”,然后由其负责构建与图像文件匹配的HTML / CSS 。 我想这种方式仍有很多工作要做。但是,随着CSS3等标记语言的发展以及浏览器支持的改进,在许多情况下,花费大量时间精心构建完整网页的栅格表示形式在许多情况下可能毫无用处。 使用当前标记,可以很容易地直接通过HTML / CSS来实现许多Web设计需求,并且图像应用程序的使用仅限于生成可能需要的小图像资产或照片。(诸如Bootstrap之类的库和/或模板进一步推动了这一概念。) 在我自己的工作流程中,除非特别要求,否则我已经远离了整页模型。我这样做是为了提高设计速度,并确保批准的内容接近最终将在浏览器中呈现的内容。实际上,多年来,我还没有创建完整的页面模型。但是我知道仍然有工作流使用这种方法。 在直接进入HTML / CSS进行设计构建之前,在图像编辑应用程序中构建全页模型是否有真正的好处?
29 workflow  mockup 

3
在不链接到不断变化的实时网站的情况下,如何展示过去的Web开发工作的有效示例?
每当我设计一个网站时,我认为不仅显示屏幕截图而且还具有编码功能非常有用。 不幸的是,大多数时候,客户最终自己编辑网站,如果他们不付钱给我维护费用,该网站将失去吸引力,这并不会让我太喜欢在我的投资组合中插入URL。 是否有任何最佳实践来展示Web设计/ UI(实际上是可行的,而不是简单的屏幕截图)? 您是否保留脱机副本以显示客户? 您如何将其链接到现有网站(Behance或其他网站)?

2
品牌/企业设计应用程序的模型问题
我想问您一个在公司设计过程结束时经常遇到的问题。 在批准所有公司设计元素之后,我通常会继续提出一些有趣的品牌应用程序(文件夹,钢笔,办公用品),这些应用程序非常适合品牌概念。 为此,我可以在Google上搜索品牌样机,但关于样机的奇怪之处在于,这些产品不存在。样机与实际产品分离。我可以从网上找到一个不错的笔样机,它上的徽标看起来很有说服力,但是如果客户说“是的!这是一支不错的笔,我想要那个。这支笔不存在。这只是一个样机。 不仅是笔,它实际上是每个品牌样机产品,没有统一的比例。 这不是很奇怪吗?您如何处理? 您如何解决样机与实际产品分离的问题?
14 mockup 

6
切刀练习演习/练习?
我在大学平面设计课程中教包装课,我注意到我的学生的原型制作能力正在下降。这可能是由于我无法控制以前的课程中较少的练习。 我需要让他们练习它,我认为仅靠现场表演是不够的。因此,我一直想知道具体的练习,因此我在网上找到了这张表,这是一个很好的开始。 我的切割刀技能不错,但是从红宝石中学到的老手肯定占了上风! 在过去(或现在)曾经有过经常使用且效果良好的割刀练习吗?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.