导航:首页 > 万维百科 > AI网页设计尺寸

AI网页设计尺寸

发布时间:2020-09-19 11:57:02

1、如何用illustrator制作超过最大尺寸范围的文件

在AI里做喷绘和写真可以按原尺寸的10%来做,尺寸太大一是画幅不够,二是字号也可能跟不上,做好后选中画面,不要选中所需画面外的不需要的游离路径,复制,在PS建一个72或者96分辨率的要求尺寸,直接粘贴,勾选“智能对象”在上面的属性栏里放大十倍,确定,保存为JPG。
在ai里直接导出,300分辨率大图比较困难,一般A3+(487MM*320MM)分辨率300就很难导出来了,方法同上。
做喷绘,在AI里置入的图片。任意等比例缩放,不影响
以后出图所需的效果,只要在PS里粘贴的时候选中“智能对象”可以按所需缩放。

如果所需画幅没有超过AI的画板,可以在10%尺寸下做好后把它放到AI新建的单独文件里,“ctrl+shift+O”转曲线再放大到所需尺寸(毕竟在PS里放大还是比较慢的的),以防文字字号跟不上,复制,切换到PS新建文件,选“剪贴板”设定分辨率,PS自动建立跟剪贴内容一样尺寸的文件,粘贴,文件会占满画布居中摆放,选“智能对象”或者“图像”都行,保存为JPG,就可以发过去写真,或喷绘。

2、AI中怎么把图像等比例扩大或缩小尺寸

AI中么把图像等比例扩大或缩小尺寸步骤如下:

1、打开ai的软件,执行菜单栏中文件—新建,或者直接使用快捷键Ctrl+N新建一个画布。

2、选择工具箱中的心形工具,将填充设置为红色,描边设置为无

3、然后鼠标点击拖动不放,上下方向键控制角度的多少,我们画出一个的类似太阳的图形,如下图所示。选择我们来讲这个图形缩小或者是放大。

4、选择工具箱中的选择工具,选中这个图形,我们可以在四周看到一个方框,这个方框上每边都有三个锚点。如下图所示。

5、我们将鼠标放到锚点上,我们可以看到一个两个方向的箭头,直接点击向图形移动就是缩小,远离图形就是放大。

ai中等比缩小放大图片的步骤

方法一

1、选择工具箱中的选择工具,在图形上点击一下,也就是选中图形,使图形四周出现一个方框,如下图所示。

2、在有方框的前提下,我们将鼠标放在锚点处,按住shift键不放,可以实现将图形等比例缩小和放大。

方法二

1、选中工具箱中的选择工具选中图形,让图形四周出现方框,然后右键单击图形,找到变换—缩放,如下图所示。

2、点击缩放后,弹出一个比例缩放框,这时候我们可以看到,有两种缩放,一种是等比缩放,一种是不等比缩放,我们选择等比缩放,然后输入数值,点击确定。

3、尺寸4.9×2.3米 在ai上的尺寸应怎样设置?

AI上如果是毫米。直接换算成毫米输入就可以。

4、网页设计中,最小的字号应该是多少

网页设计中的字体一般设置成12px,如果网页的东西相对比较少,也可以设置成14px,关于导航和其他的一般是用ps处理出好的效果,如果是文本一般为14以上并且带加粗。

字体没有特别规定但是有常规的用法:

常规文字 12px;标题,页头 14px、16px;大标题,横幅等 18px。

(4)AI网页设计尺寸扩展资料:

网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。

网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

5、为什么网页中的图标常用16px,24px,32px 这些尺寸

提到图标设计,似乎每个设计师都有话说,但是要做好图标设计真的那么容易么?今天这篇文章针对网页设计领域的图标设计进行了相对全面的梳理,从设计技巧到设计资源一应俱全,但愿能帮上你! 图标是每一个现代UI中不可或缺的组成部分,它们不仅能协助UI布局组织内容,而且轻量级的图标融入界面也不会喧宾夺主。不仅手机和平板的APP UI中会大量用到各种图标,而且iPod和智能手表的界面中也是如此,这正是因为图标具备快速直观传达信息的能力。 在网页设计刚刚兴起的时代,小图标就已经被早期的网页设计师和开发者投入使用了。这些图案和标识通常是常见的、易于接受的、功能型的图形(文件夹、打印机、鼠标、箭头等),在随后的20多年间,这些图标逐渐发展成约定俗成的一套图形语言。在接下来的设计指南中,我想分享一些网页设计中图标使用的技巧,以及一些实用的免费图标素材合集,希望你能喜欢! 图标设计样式 我们通常所说的“图标设计”其实覆盖了相当大的一个范围。小到网页中那些纯色扁平小标识,大到PS和AI精雕细琢的拟物风APP图标,都在图标设计的范畴内。每个图标设计项目都有着不同的设计需求和图标风格,这些不同造就了图标设计的差异化。 目前所流行的极简风和扁平化设计,已经在全世界设计师中拥有了无数的拥簇。而之前一直不温不火的线性图标也已经成为了目前iOS系统的首选图标,其他的移动操作系统也正在逐步跟进。从风格上来说,图标并无对错之分,只能说是各自选择和偏向不一样罢了。 在我看来,扁平化设计和拟物化设计之间的竞争对比,对于网页设计而言是一件无比美妙的事情。这也对图标设计产生了影响,许多艺术领域的概念被引入到图标设计中来,比如光影变化,深度,等等。作为设计师的你如果更倾向于扁平化设计,那么你需要学习创建纹理,控制阴影,让你的设计看起来富有真实感。为此你需要进行大量的练习,但是这绝对是值得的。 企业品牌设计 虽然品牌设计看起来是显而易见的事情,但是它依然值得一提,因为那些优秀的网站通常有着优秀得令人难以置信的品牌设计。一个优秀的图标能向用户传达出品牌的理念和情感。当你为一个企业或者网站进行品牌设计的时候,品牌的图标、吉祥物或者符号应该让品牌和它的用户之间形成独特的情感联系。 当然,你也可以为品牌设计一系列不同的图标,每个图标包含不同的效果,传达不同的理念。图标设计的可能性是如此之多,你甚至可以设计出以个图标大合集,让所有不同的图标拥有相同的风格。由于每个图标都是独特的存在,但是风格又如此一致,当它们运用到网页中的时候,可以让整个网页拥有独特的气质,足以从诸多设计中脱颖而出。 MailBakery 就是这样一个典型的案例,它使用了个大图来宣传它们的服务。当光标移动到下方每一个图标上的时候,上方的大图内容会被替换成相应的图片内容,这样的图标+图片的组合在设计上保持着高度的一致性。 这些图标所对应的图片可以说是专门为网站定制的,但是这些图标却是某个免费图标集的一部分。你可以在几十个不同的网站上看到这些相同的图标,也就是说,这些图标作为潜在品牌设计的独特性,已经被忽略掉了,他们其实可以做的更好。 也正是因此,我常常建议有报复的图标设计师去学习为界面单独定制成套的图标集。对培养品牌、客户以及项目而言,这都是更为长远更有价值的事情。 导航链接 在过去,网页上的图标常常用作内容导航,也就是说,图标的内容和含义,同图标所指向的页面内容/性质高度相关或者一致。今天,Facebook上的导航也遵循着同样的原则。 虽然你不会一直遵循这样的设计方式,但是有必要且值得了解它。下拉菜单链接通常非常实用,因为用户会主动去了解每一个菜单的名称。但是如果在横向或者纵向上有十几个导航链接的话,通过图标来识别是比较可靠的方案。 视觉内容识别 在网页设计中使用业内图标最主要的原因是用来区分内容。图标可以从视觉上更清晰地传达信息,能够平衡包含大量文本的布局,所以,如何通过一个简单的图标来准确传达信息是设计师的必修课。 我最喜欢的案例就是GitHub的教学页面。页头使用Github的吉祥物和粉笔黑板营造出教育的氛围,当你向下滚动的时候,每个板块都有单独对应的图标,为你说明这以块是干啥的。 值得注意的是,每个图标都使用的是手绘的效果,虽然色彩不同,但是整体风格高度一致,明显是统一设计的一整套图标。更重要的是,每一个图标都明确直观地描述了它所在区块的内容。文字内容足以描述清楚细节,但是图标能高度概括地阐明信息。 你可以在 Glazed & Infused 的首页看到类似的设计效果。文字小区块详细地描述了他们的服务、咖啡和礼品卡的信息,而顶部的手绘图标则从视觉上阐明了内容的性质,更重要的是,这三个图标迅速地抓住了用户的眼球。 矢量背景 从重复平铺背景到矢量对象,你可以用矢量图形做很多事情。对网站背景的处理方式,已经远不止于平铺纹理那么单一了。通过矢量图形来创建覆盖整个背景的场景已经很容易了。 矢量图形可以很轻松地缩放,但是很难创造出逼真的效果。想制作出复杂样式的矢量图形并不容易,你需要通过大量的练习来熟悉在图形上构建图形的技巧,不过一旦学会还是蛮有趣的。在这里我们推荐一个好用的工具:Bota Iusti。 设计教程 跟踪学习在线的设计教程是提高图标设计技能的重要方式。想要精通设计技能没有捷径,唯有不断学习,坚持练习。 虽然图标设计是一个广泛的领域,但是许多教程是可以举一反三的,接下来提供的一系列教程非常实用,希望你能通过学习融入日常的设计中去。 16×16 px Icons Weather Line Icons Flat Social Icon Tab Bar Icons Bat Icon Gem Icons Water Pistol Mail Alert Notebook Almost Flat 免费图标 40 Flat Icons Mini Icons Colorful Iconset Simple Flat Sport & Fitness Chat & Email Atitel Icons Tab Bar Icons Simple Lines Flatified Web Design Iconset iOS Settings Icon Colorful Switch Synthesizer Book App Icon

6、AI和PS哪个做网页好?AI做的话一般尺寸是多大呢?

哪个更适合做网页完全取决于你对哪个软件的熟练度更高,就现在的市场份额来看,用photoshop做网页的很多,AI现在主要适合做图标,UI设计。

AI做的网页的尺寸是:宽度不超过1280px; 高度根据网页高度自定义。

7、一般网页的尺寸是多大?

.indexCt{ width:985px; margin:0 auto;}
中间的部分宽度985PX,背景图片应该是设置100%宽度。
以前根据1024宽度的时候一般设置为1003左右,现在宽屏多了也可以设置为更宽的宽度。

8、网页页面的标准大小是多少厘米啊,别人说要用像素表示,但是我用coreldraw做的平面的图需要知道

工欲善其事 必先利其器
coreldraw做的平面印刷排版的,做网页设计不是他的强项,并且他的色彩空间主要是针对印刷的,你用来做网页,色偏,色淡。不适合网页。
photoshop做图像,切图,转网页很方便,最方便的还是firework,专门网页设计软件,对网页设计有很强的支持。
网页制作都是以像素为单位的。

要想做的专业,就要用对专业的软件,你用coreldraw做,反而会做的四不像。

并且既然会用coreldraw,其他的图形图像软件应该是触类旁通的,很容易上手。
我最初是用firework作,后来用ps做效果图,用firework切图,现在用coreldraw做logo矢量元素,然后导出AI文件,到之前的软件做网页。所以建议你如果要做就多学一两个软件。

9、AI设计网页页面的时候设定宽多少? 是px还是pt?px和pt有固定换算公式么?——来自新人小白的提问

pt (point,磅):是一个物理长度单位,指的是72分之一英寸。
px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。
em(相对长度单位,相对于当前对象内文本的字体尺寸):是一个相对长度单位,最初是指字母M的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。
字号:是中文字库中特有的一种单位,以中文代号表示特定的磅值pt,便于记忆、表述。
pt和px的换算公式可以根据pt的定义得出:
你设计网页,用 px就可以了,但一般习惯上字体大小还是用pt

10、如何用AI来制作高大上的网页设计

做网页设计用ps就可以了,ps是图像处理工具,AI是图形处理工具,主要是画矢量图的,网页设计想做特效什么的AI并不是一个好的选择,建议ps。

与AI网页设计尺寸相关的知识