导航:首页 > 万维百科 > 网页设计设计稿字体

网页设计设计稿字体

发布时间:2020-11-27 19:51:11

1、网页设计稿完成后,如何在页面实现过程中保证字体效果和设计稿一致?

回答这个问题前,必须先说一下一般网页设计指的是什么?一般网页都包含三部分,分为上中下三级结构,上面是标题,中间是正文,下面则是网站的版权声明及其他说明。你的网页设计稿完成后,这三个必备的内容最终呈现出来的结果和设计稿一般是一致的。

而网页设计稿的字体效果,这是一个非常细化的问题,谁也不能保障最后呈现出来的效果一定和原稿一致。但我们还是有几个技巧,能够尽量使得最终呈现效果接近设计稿。

现在的网站的操作系统和浏览器一般字体渲染都是亚像素抗锯齿的,而Photoshop 字体渲染的全部四种抗锯齿选项都是像素级别的灰阶抗锯齿,而非亚像素抗锯齿。这是一个根本性的差别,所以根本就不能要求字体的最终呈现效果和设计稿,只能尽量接近。

间距方面,可以进行调整。可以改一下css控制,将其改为20px。因为浏览器的支持范围比较小,所以还是要谨慎使用。

这里有一个用得比较多的文本标准,你可以参考一下font-size的行高设置为18px到22px 之间,字每大一号行高就加1px,建议最好不要设计成单数,否则在少数元素如按钮的时候可能出现上下分不均匀的情况。
在设计文字和周围元素的时候,可以多参考一些大网站的做法,多看多想,才能提高自身。

2、制作网页用什么字体好?

Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。

Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常

Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。

Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。

Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。

Trebuchet MS: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用得不好会不搭。

Serif

Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。

Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。

中文不熟,抛砖引玉:

中易宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。

微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。

华文细黑:Mac下的默认中文。

Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,,当然也有用WenQuanyi Zenhei的,不过比较少了。



3、请问做网页通常会用到什么字体。平面设计通常又会用到什么字体。。谢谢

网页设计一般都不会特别指定字体,用的都是系统默认的,宋体,黑体居多。
平面设计用到的字体就太多了,要根据情况来讲。对于常用的尽量使用较大字号的黑体、中圆、隶书等字体,少用宋体、仿宋体等笔画纤细的字体。

4、用PS设计网页,该用什么字体,大小该是多少

同楼上,字体以宋体为主,因为太多盗版系统上,精简了字体,大部分字体都没有,如果页面上使用了部分字体,客户机器没有,也会用默认字体显示,特殊艺术字都必须切割成图片,这样页面美观了,但是会增加页面的大小,增加下载时间。
字体大小用12和14像素,是最美观的字体大小。

5、网页设计,字体

微软雅黑,去下载 一个字体,安装在电脑上,打开PS你就能看到了。

6、网页设计中一般用什么字体?

用默认的比较多,微软雅黑也不错

7、怎样在网页设计中设计段落中字体的颜色?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<p> </p>
<p><a target="_blank" style="color:#CCCCCC; text-decoration:none" href="http://www.qq.com">一个地方设置灰色,</a></p>
<p><a target="_blank" style="color:#00FF00; text-decoration:none" href="http://www.baidu.com">一个地方设置绿色,</a></p>
<p><a target="_blank" style="color:#000000; text-decoration:none" href="http://www.sina.com">一个地方设置黑色</a></p>
</body>
</html>

8、UI设计网页设计字体规范应该要注意什么

可以参考常规字体的使用规范:

1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。

2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配,等。

(8)网页设计设计稿字体扩展资料:

网页设计

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。

2、以业务目标为中心进行功能策划,制作出栏目结构关系图。

3、以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。

4、以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈,进行页面设计调整,以达到最优效果。

9、网页设计中最常用的字体有哪些

字体设计的原则是:可辨识性和易读性。
一般中文建议使用微软雅黑,英文使用arial字体。常用的字号大小有以下几种:12px、14px、16px,但是不是绝对的,可以根据需求进行调整,但是字号规格不宜太多,会给人一种混乱的感觉,要注意层次的区别,或者通过改变颜色和粗细来体现美观性。一般使用偶数字号。
另外有些字体,比如方正系列,会涉及到版权,谨慎使用。

与网页设计设计稿字体相关的知识