牡丹江开发网站:如何在不完全复制的情况下从网站中借用设计思想

发布时间2020-04-17    阅读:202    作者:牡丹江网站设计开发公司

我怎样才能模仿一个网站?

  • 准确定位网站平台
  • 使用一个类似的程序来发现字体。
  • 重新创建调色板以达到类似的效果
  • 问问自己,你喜欢这个网站和DIY,使用热图,产品页面,等等。

我漫步在明尼阿波利斯艺术学院,完全不受时间或日程的影响。我看到了乔治娅·奥基夫(GeorgiaO‘Keeffe)和一个与众不同的毕加索(Picasso),他把我送回了大学艺术史课。如果我有一点艺术能力,我的手就会抽搐,创造出我自己的东西。每一件引起我注意的雕塑或油画都会启发我自己的最终产品--但我怎么能模仿设计而不直接偷窃呢?

如何模仿设计

这个问题已经存在很久了。既然如此多的设计充满了数字消费和赞美的屏幕,那么保护原创性可能就更难了。然而,每个漂亮的网页都有几个核心组件--它们都很容易被抓住。当然,您想要复制的设计将根据项目的不同而有所不同。是投资组合网站还是产品页面?视差设计还是更传统的?

如果你想在没有诉讼的情况下复制一部数码杰作(或恶业),这些都是你想要找出的东西。为了帮助您映射出这些核心组件,我将共享显示设计细节的快捷方式。另外,我将解释如何使用这些工具来创建自己的显示停止器。

如何找出一个网站是用什么建立的?

在WordPress上?突击队?完全不同的东西?了解这些信息可以帮助确定哪些设计功能是可能的。Builwh.com是一个无需修饰的工具,它可以立即分享细节,比如框架、托管提供者和Javascript库。


以下是苹果的技术概况。how to see what a website is built with

那么这些信息从何而来呢?就像我说过的,这让你走到了一个起点。如果您的目标是模仿固定元素和移动层钱币网站,了解到创新的信用卡服务是在Amazon的基础设施上托管的,有一个内容交付网络、几个小部件,以及下面的详细信息,这是很有帮助的:

website's technology profile

如何计算出准确的字体名称

一遍又一遍地搜索“在一杯乔博客上使用的字体”是一种方法。幸运的是,有更简单的方法可以查看网页上使用的精确字体名称和大小。为此目的,喷泉是一个排版金矿。


书签操作分为两个快速步骤:悬停并单击,然后再次单击。你会立即看到一个弹出的字与字体名称,大小,重量,甚至样式。

how to know what font is used

当然,你会看到一个确切的名字,但目标是模仿你最喜欢的设计。不要购买或下载您所识别的字体,而是列出您喜欢的功能。这些可能是:

  1. 衬线与无衬线
  2. 重量和比例
  3. 字母间距
  4. 帽高与x高度
  5. 环、尾、肩等等

根据您所组合的品质的概要,您可以搜索(或创建!)一种你喜欢的字体。在页面上扫描几个不同的字体也可以帮助您将一个互补的组放在一起。


例如,您所选择的灵感网站可以组合三种不同大小和重量的无衬线字体,或者它可以使用一种衬线和一种华丽的刷子样式。如果你想玩得很有趣,你很可能不会浏览古罗马字体的页面。

如何通过色彩模仿情绪

作为某种类型的设计师,色彩是基本知识。但有时很难确定什么吸引你的目光在一个设计,即使你可以命名为‘绿色,棕色,黄色’作为主要的,次要的,和背景色。在这一点上,推断一个页面的调色板可以给你大量的洞察力。

图文并茂,调色板生成器从图像中直接提取阴影,这是您可以使用的许多工具之一。抓取你的设计灵感的截图,并在搜索栏中弹出它。你会得到这样的东西,它是从奥斯卡健康保险.


一旦你的设计被缩减到三到四种主要颜色,模仿它们就容易多了。看看原色和第二色的比例,以及每种颜色的色调和色调。根据奥斯卡网站上使用的颜色,观众可以推断它是一种可爱的、简单的服务--它也与页面的信息相一致。color palette

如果您不喜欢每个从调色板生成器返回的十六进制代码,请选择一个作为锚,然后围绕它构建一个新的调色板。

如何讲述类似的视觉故事

内容策略是风靡一时的,设计在任何故事的传播中都扮演着重要的角色。即使一个网站是服务为基础的(比如旅游预订网站和设计师手提箱),视觉暗示也是至关重要的。

当你寻找灵感,或者试图从你所见过的伟大作品中复制设计的时候,看看想法的排列。在这一步中,您需要忽略颜色和字体之类的内容,而将重点放在设计元素之间的关系上。


这个想法并不新鲜。自内容进入数字革命的实用阶段以来,视觉层次,更具体地说,强调页面的“前三分之一”一直是热门话题。热图是衡量页面获得最多眼球的最佳方法。因此,如果您的设计灵感集中在页面中间的品牌故事,如Dropbox产品页面,并将目光垂直地指向其他想法,这是您希望在设计中使用的格式。

牡丹江开发网站为了帮助你找出吸引你的布局,画一个模型站点的基本线框。之后,你应该集思广益,思考你的内容、设计或图像如何填充一个类似的安排--以及你的内容如何为混合带来一些新的东西。你模仿的设计可能包含大量的视觉效果,但如果你是一个机智的文案作者,你可能需要在线框中画几行来调整音调和故事。这就是你个性化的方式。

如果你不知道从哪里开始,像个艺术家一样偷东西就更难了。当涉及到网页设计时,这些技巧和工具将帮助你拼凑必要的元素,同时仍然允许你在最终的产品中加入你自己的扭曲。


QQ客服
胡经理