极限主题 - 数码设计

极限主题 - 数码设计 http://bbs.themex.net/ zh Thu, 11 Mar 2010 19:31:05 GMT vBulletin 60 http://bbs.themex.net/images/as4/misc/rss.jpg 极限主题 - 数码设计 http://bbs.themex.net/ 分享下载ALL Vip Contents （超大设计素材合集）-- 继续分流 http://bbs.themex.net/showthread.php?t=16861356&goto=newpost Mon, 01 Mar 2010 22:03:56 GMT 前段时间在Avaxhome误打误撞下载的一个大包，我开始以为是一些图片，今天解压看了一下，好大一包好东西！笔刷、动作、渐变、图标、矢量素材、图层样式、纹样、Swatches（AI用的）和教程，一应俱全。

查了一下，是商业网站Gr@fpedi@的VIP商品，真是淘到宝了。总价值只要49美元（是的，我是玩字体的，跟字体比，钱不是问题……[han]）

不过就是下载方式不是那么有亲和力了，RS和HF链接，总共1.7G，有耐心的挂着下吧。我是觉得蛮不错的。可惜没法给大家分流了。

代码:

http://rapidshare.com/files/354743060/ALLVIP.part01.rar

http://rapidshare.com/files/354741406/ALLVIP.part02.rar

http://rapidshare.com/files/354741250/ALLVIP.part03.rar

http://rapidshare.com/files/354741625/ALLVIP.part04.rar

http://rapidshare.com/files/354740886/ALLVIP.part05.rar

http://rapidshare.com/files/354745302/ALLVIP.part06.rar

http://rapidshare.com/files/354740352/ALLVIP.part07.rar

http://rapidshare.com/files/354742016/ALLVIP.part08.rar

http://rapidshare.com/files/354746209/ALLVIP.part09.rar

http://rapidshare.com/files/354737792/ALLVIP.part10.rar





Mirror Hotfile



http://hotfile.com/dl/29802394/3b8e49f/ALLVIP.part01.rar.html

http://hotfile.com/dl/29802411/dbfa57e/ALLVIP.part02.rar.html

http://hotfile.com/dl/29802419/6602a58/ALLVIP.part03.rar.html

http://hotfile.com/dl/29802423/c41d83b/ALLVIP.part04.rar.html

http://hotfile.com/dl/29802651/78ee5e2/ALLVIP.part06.rar.html

http://hotfile.com/dl/29802674/b189d8d/ALLVIP.part10.rar.html

http://hotfile.com/dl/29802730/24d6334/ALLVIP.part07.rar.html

http://hotfile.com/dl/29802735/ebb99e7/ALLVIP.part08.rar.html

http://hotfile.com/dl/29802741/3cb6461/ALLVIP.part05.rar.html

http://hotfile.com/dl/29802857/912f4c7/ALLVIP.part09.rar.html

或者BT种子见附件。

一些预览
http://www.grafpedia.com/stock-images/
http://www.grafpedia.com/vip-downloa...shop-gradients
http://www.grafpedia.com/vip-downloa...p-layer-styles
http://www.grafpedia.com/category/tutorials/web-layouts
http://www.grafpedia.com/category/vip-downloads/icons

分流
注意了一下除了很大的Stock Images和英文的教程（估计也没人要看），剩下的并不大。Sharebee分流了（最近找到一个不错的上传器z-o-o-m.eu File & Images uploader解决了上传麻烦的问题）。
Actions.rar
Gradients.rar
Layer Styles.rar
Brushes.rar
Patterns.rar
另一个patterns.rar

更新：谢谢波斯波斯的分流
gradients:
http://uploadingit.com/d/D4SODUYLAHHMPPUG
http://www.uushare.com/user/persia7font/file/2701826

actions:
http://uploadingit.com/d/SXBKEM4EDZWZWBKC
http://mipvision.blogbus.com/logs/43391165.html

layer styles:
http://uploadingit.com/d/BC7U7HGTBXVPWF2D
http://www.uushare.com/user/persia7font/file/2701821

brushes:
http://uploadingit.com/d/TRGHSI6SAXDRLEJ8

上传的图像

Clipboard.jpg (97.8 KB)

上传的附件

All_VIP_Content_for_Designers_-_GrafPedia.5388288.TPB.7z (71.8 KB)

]]> 数码设计 kmc http://bbs.themex.net/showthread.php?t=16861356 讨论不小心YY.YY.YY.YY了一下 http://bbs.themex.net/showthread.php?t=16861280&goto=newpost Sat, 27 Feb 2010 11:27:55 GMT 突发奇想画了只什么东西。。然后感觉需要做点什么东西。内容完全无意义。只是为了在这个图上加点字。大家喜欢就看看。附件 185343 (http://bbs.themex.net/attachment.php?attachmentid=185343) 附件 185344 (http://bbs.themex.net/attachment.php?attachmentid=185344) 附件 185349 (http://bbs.themex.net/attachment.php?attachmentid=185349) 突发奇想画了只什么东西。。然后感觉需要做点什么东西。

内容完全无意义。只是为了在这个图上加点字。大家喜欢就看看。

附件 185343

附件 185344

附件 185349

上传的图像

	1reticle guiworild-2.jpg (218.1 KB)
	1reticle guiworild-1.jpg (120.2 KB)
	1reticle guiworild-3.jpg (146.3 KB)

]]> 数码设计 M.I http://bbs.themex.net/showthread.php?t=16861280 教程眩光圈圈效果教程【英文原版教程】 http://bbs.themex.net/showthread.php?t=16861196&goto=newpost Wed, 24 Feb 2010 14:33:04 GMT Layer Style>Blending Options*. Change the *Fill Opacity to 50%.* After that select *Stroke*. Use *10 pixels for the size, Inside for the Position and Black for the color.* 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_2.jpg Step 3 Select the ellipse and go to* Edit>Define Brush.* Name your brush and that's done. Now we have a new brush ;) 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_3.jpg Step 4 Go to *Window>Brushes (F5). *The first thing to do in the *Brush Engine* is to select our new Brush. The size won't matter because you will change that when you use it. The *Spacing*, however, is very important. Chage the value to *100%*. After that, select the *Shape Dynamics, then Scattering and Other dynamics*. For the values use the image below. 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_4.jpg Step 5 Before we start painting our bokehs let's create a new layer and fill it with a colorful gradient. I created a new layer and used the layer styles to do that but feel free to do the way you are used to. My gradient settings are as follows: *Blend Mode is Overlay,* *Opacity is 100%, Style is Linear, and the Angle is 45º*. The colors I used are: *Yellow (#00085), Cyan (#1bdaeb), Purple (#9b3b81), Orange (#d27e34).* 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_5.jpg Step 6 Let's create a new *Folder* in our Layer Palette. Rename the folder to Bokehs and change the *Blend Mode to Color Dodge.* Then create a new layer, choose white for the color and select the *Brush Tool (B).* Now just paint some ellipses with our custom brush. For this first layer use a big size, like 500-600px. 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_6.jpg Step 7 Go to *Filter>Blur>Gaussian Blur.* For this first layer use *20 pixels for the Radius.* 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_7.jpg Step 8 Create another layer and paint more brushes. This time however use a smaller size for the brush. After that go to *Filter>Blur>Gaussian Blur.* Use *4 pixels for the Radius.* 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_8.jpg Step 9 Create another layer and repeat the previous step, this time however use a much smaller brush. Apply the* Gaussian Blur* to this layer as well, but use only *1 pixel for the Radius. * 图像: http://www.abduzeedo.com/files/images/Digital_Bokeh_in_Photoshop/Step_9.jpg Conclusion Now just add your logo and that's it. We have a nice wallpaper. The idea of this tutorial was once again to show the power of the Brush Engine. You can try different shapes for this same effect, like hexagons for example. Also you can play a bit with the blurs to add more depth to the final design. Now it's up to you. ]]> 转贴自 http://abduzeedo.com/awesome-digital...fect-photoshop

Our last Wallpaper of the Week was an image I had created using Pixelmator, and I really liked the outcome. The best part about it was that it was pretty easy to accomplish in Pixelmator, but I decided for perspective's sake to create the same effect in Photoshop. The process is easy as well, but with a few extra steps.

As in the previous tutorial, I will show you how to create a digital bokeh effect, but this time in Photoshop. The process is very easy and we will be using the super powerful Brush Engine, one of the coolest things in Photoshop.

Step 1

Create a new document in Photoshop. As usual I will use a nice scree resolution, 1920x1200 pixels. Fill the background layer with a very dark grey, not black. If you fill it with black the effect won't work. The color I used was #262626.

Step 2

Select the Ellipse Tool (U), and create a circle. Use black for the color, and go to Layer>Layer Style>Blending Options. Change the Fill Opacity to 50%. After that select Stroke. Use 10 pixels for the size, Inside for the Position and Black for the color.

Step 3

Select the ellipse and go to Edit>Define Brush. Name your brush and that's done. Now we have a new brush ;)

Step 4

Go to Window>Brushes (F5). The first thing to do in the Brush Engine is to select our new Brush. The size won't matter because you will change that when you use it. The Spacing, however, is very important. Chage the value to 100%. After that, select the Shape Dynamics, then Scattering and Other dynamics. For the values use the image below.

Step 5

Before we start painting our bokehs let's create a new layer and fill it with a colorful gradient. I created a new layer and used the layer styles to do that but feel free to do the way you are used to. My gradient settings are as follows: Blend Mode is Overlay, Opacity is 100%, Style is Linear, and the Angle is 45º. The colors I used are: Yellow (#00085), Cyan (#1bdaeb), Purple (#9b3b81), Orange (#d27e34).

Step 6

Let's create a new Folder in our Layer Palette. Rename the folder to Bokehs and change the Blend Mode to Color Dodge. Then create a new layer, choose white for the color and select the Brush Tool (B). Now just paint some ellipses with our custom brush. For this first layer use a big size, like 500-600px.

Step 7

Go to Filter>Blur>Gaussian Blur. For this first layer use 20 pixels for the Radius.

Step 8

Create another layer and paint more brushes. This time however use a smaller size for the brush. After that go to Filter>Blur>Gaussian Blur. Use 4 pixels for the Radius.

Step 9

Create another layer and repeat the previous step, this time however use a much smaller brush. Apply the Gaussian Blur to this layer as well, but use only 1 pixel for the Radius.

Conclusion

Now just add your logo and that's it. We have a nice wallpaper. The idea of this tutorial was once again to show the power of the Brush Engine. You can try different shapes for this same effect, like hexagons for example. Also you can play a bit with the blurs to add more depth to the final design. Now it's up to you.

]]> 数码设计西小西 http://bbs.themex.net/showthread.php?t=16861196 转帖 50张令人惊讶的像素画! http://bbs.themex.net/showthread.php?t=16861178&goto=newpost Wed, 24 Feb 2010 05:51:57 GMT 我喜欢这些画. 直接给原网站好了. 50 Absolutely Beautiful and Creative Pixel Arts (http://www.hongkiat.com/blog/50-beautiful-and-creative-pixel-arts/) 我喜欢这些画.
直接给原网站好了.
50 Absolutely Beautiful and Creative Pixel Arts ]]> 数码设计 .xQ http://bbs.themex.net/showthread.php?t=16861178 讨论 M8时钟软件修改 http://bbs.themex.net/showthread.php?t=16861122&goto=newpost Mon, 22 Feb 2010 01:41:27 GMT :)无聊练手的东西。。附件 184730 (http://bbs.themex.net/attachment.php?attachmentid=184730) :)无聊练手的东西。。

附件 184730

上传的图像

PrtScn20100210140801.png (166.6 KB)

]]> 数码设计 M.I http://bbs.themex.net/showthread.php?t=16861122 讨论 gmail 图标习作 http://bbs.themex.net/showthread.php?t=16861118&goto=newpost Sun, 21 Feb 2010 18:11:12 GMT 很久没做图标了，一直都是插画比较多。。。难得做了一下发现手生了很多。。。而且有些取色的思维不免往画画那样靠。。想做向下俯视的那种感觉的方块图标，于是随便选了个gmail开刀这是一开始的版本图像: https://vkprsw.bay.livefilestore.com/y1mppKUGdUir7Rby_kBhBy0KLpPuaIEpRVjqbpuC1hcmaOQinYhZqCmswMd7Akw0i43ylaKib0rIwaYkIwYgHv53_v_szpFty-eWSp1LTHULXv-gWYD8F6ZO1Q1KcaUxvAxyUVB-x5RTWW01nR8qS_qqA/gmail0_thumb%5B1%5D.png (https://vkprsw.bay.livefilestore.com/y1m0JJp3CBKhg0mNSWE0zOLRBLgmBb_D_DSLIEnpsSl7fnvpHvrZc5eqPCX9F6wCzwjB_fGNUl1Hq-z9aXOboK9vBmRyY6aPAn7nWIdmk-LUt2akEaLj0xhvkQdPK1oTEsXWya_J66X_yArQSz5NChRTA/gmail0%5B3%5D.png) 后来在UI群里问，说棱角哪里处理的不好，不一定会让人产生是立体的感觉，可能会觉得是一个平面图（其实我自己在做的时候又有过这么觉得。。。233真失败于是改进了下明暗，对比，透视，就成了这样图像: https://vkprsw.bay.livefilestore.com/y1mZyJeSvPhfCdfc6KEUUiLFrG1vlT7ZGg4LVQZKnNSLgJLVoHGCuIGN3RWKmwalFP2QAgOdQb9_zVbCeSrtPepyjyzvStBL_SOci_xrQGeHqAqyB61U43tl7EP723NcRzg_Jnk6rpLxmThTDZo_uih8w/gmail1_thumb%5B1%5D.png (https://vkprsw.bay.livefilestore.com/y1m6-00ZMCAg8WBpS7XTy0gSU7-Tj9eCT1gw-RmmHIZT_AZwNrKepCr6v4UInANNjsA9N7NKqeysyCtwWmVSTEPTAiYYwQ7x-MTOZfm_SaYhtdulqlcPmNOP_-4ZFZ2jzQ5GRLWBSJ0CjJPCXQ3LifG0A/gmail1%5B3%5D.png) 不知道你们是不是觉得好一点。。。。自己看总觉得好像什么特别不爽。。。立体感还是不够强烈啊，去翻了下以前的做的cs4图标，那时候咋就做的那么立体呢。。。我x，我退步了？？？我仔细观察了那个图标，也在棱角处做了相似的处理咋这个图标就还是tmd老样子啊，掀桌！请提出你的宝贵观点吧~~觉得还可以的话我再多做几个类似的。。。很久没做图标了，一直都是插画比较多。。。难得做了一下发现手生了很多。。。而且有些取色的思维不免往画画那样靠。。想做向下俯视的那种感觉的方块图标，于是随便选了个gmail开刀
这是一开始的版本

后来在UI群里问，说棱角哪里处理的不好，不一定会让人产生是立体的感觉，可能会觉得是一个平面图（其实我自己在做的时候又有过这么觉得。。。233真失败
于是改进了下明暗，对比，透视，就成了这样

不知道你们是不是觉得好一点。。。。自己看总觉得好像什么特别不爽。。。立体感还是不够强烈啊，去翻了下以前的做的cs4图标，那时候咋就做的那么立体呢。。。我x，我退步了？？？我仔细观察了那个图标，也在棱角处做了相似的处理咋这个图标就还是tmd老样子啊，掀桌！
请提出你的宝贵观点吧~~觉得还可以的话我再多做几个类似的。。。 ]]> 数码设计小神 http://bbs.themex.net/showthread.php?t=16861118 转帖微软雅黑的设计 http://bbs.themex.net/showthread.php?t=16861096&goto=newpost Sat, 20 Feb 2010 17:57:09 GMT http://vic.sina.com.cn/news/27/2009/0820/4684.html 作者：齐立　　一．雅黑设计理念　　雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更是用途广泛。这副字可以说是科技进步的产物，是人类社会的需要，在设计上也有所突破。　　首先打破传统结体方式，采用大字面设计，字怀放开，增大内白，使文字方正，布白匀称。由于字体中宫放开，使文字的适用性也随之增强，不但适合小级数文字的使用，更适合屏幕显示。　　在笔型塑造上去除“喇叭头”。为防止文字笔划缺乏美感、没有精神，在撇、捺、点、勾的处理上使其粗细有略微的变化，使之富有弹性。　　在制作上，力求精良，笔划间尽可能少搭笔，使文字清新、爽朗、易读。　　追求字体的整体形式美，强调文字设计的审美性和文化性，朴实大方，典雅端庄。　　下面从字体设计理论方面与实际字体应用的角度来阐述一下雅黑是用什么方法和字体设计技巧来完成和完善设计目标的。　　二．按用途来设计字体　　1．字体设计类型　　字体设计可细分为平面美术字体设计和印刷“活字”设计。在这所要谈的字体设计是指在印刷“活字”范畴内的字体设计，主要研究字在缩小后的清晰度、可读性以及整体效果。在字型的处理上它不能象美术字和书法字那样，可以无视大小地尽情抒发情感，而要受到一定规矩的约束，讲究共性和个性的关系，来达到一种机械的美观。这种设计也是一门比较冷僻的视觉艺术。近年来，随着科学技术的不断发展，印刷“活字”设计又可分为出版印刷用字设计和屏幕显示用字设计这两个大类。　　雅黑是属于屏幕显示用字，设计时更要注重研究字在低分辨率下的清晰度和可读性，尽可能做到小字号显示时的清晰易读，要达到这一目标，关键在于设定字面大小、笔型塑造和严谨合理的结构处理……。　　2．字面大小的含义　　我们有必要先来搞清楚两个不同的概念：“字面大小和字身字面比”。字体设计专用方格都有两个方框，外框称字身框，内框称字面框。图像: http://vic.sina.com.cn/images/cr/2009/0820/1104535502.jpg 图1 　　字面大小：“就是在字面框不变的情况下，可以把字设计成大小不同的字，大字称字面大，小字称字面小。” 图像: http://vic.sina.com.cn/images/cr/2009/0820/1105717199.jpg 图2 　　字身框和字面框之间的距离就是半个自然字距。能正确地运用好他们之间的关系，是字体设计的基础。　　字身字面比：“简单说就是在字身框不变的情况下，两者之间的百分比值，比值大字就大，比值小字就小，说白了就是把字放大和缩小。” 图像: http://vic.sina.com.cn/images/cr/2009/0820/1106763724.jpg 图3 　　现在有许多用户，为了能挤排，图省事，不惜把字缩小，造成字与字距之间的关系失衡。这样使用，即使有再好的字体也排不出完美的版面来，这是非常不科学的用法，与其这样，还不如缩小字号来用显得完美。　　3. 字面的可测量大小和视觉大小　　字面大小又可分为可测量的字面大小和视觉上的字面大小。已故字体设计大师谢培元老师在1962年归纳总结的“第二中心线”理论已表明，汉字由形声组合的字都是可以测量的，形旁和声旁这两个部件的中心距离越大，字面就越大，反之，字面就越小，我们只要测量这两个部件的中心距离就可以得到相应的字面大小值。同时，这也是控制整副字大小的有效工具。图像: http://vic.sina.com.cn/images/cr/2009/0820/1107945421.jpg 图4 　　雅黑在保持文字个性的基础上，尽可能的扩大形声这两个部件的中心距离来增大字面。同时，运用这种方法使得80%以上的字，大小保持一致。对于那些不能测量的字和一些易见小的字，雅黑又是如何处理呢？　　从几何形角度来看，汉字形状众多，最典型的可分为四种类型：“方形、圆形、三角形和菱形”，从面积上看方形最大，菱形最小，要想把图形面积变得一样大小，就必须按菱形大小走，这样设计出的汉字才能在视觉上保持一致。图像: http://vic.sina.com.cn/images/cr/2009/0820/1118191818.jpg 图5 　　要想做大字面的字，我们首先要考虑面积最小的菱形，那么，怎样才能把菱形字做大？很简单，只要适当调整改变菱形的形状，那么，我们就能得到比原来菱形面积大的形变图形，用这种方法来设计，就可以得到在视觉上比原先字面大的字。图像: http://vic.sina.com.cn/images/cr/2009/0820/1119373515.jpg 图6 　　雅黑在设计初期就是用视觉大小这种方法来定字面大小的。　　4. 字面大小和屏幕显示的关系　　字面大小和屏幕显示又有什么关系呢？为了说明问题，用少点阵图来比较说明。图像: http://vic.sina.com.cn/images/cr/2009/0820/1120420040.jpg 图7 　　从上面两图比较中我们可以看出，左图字面大，占像素多，内白均匀舒适、清晰易读。右图字面小，占像素少，因此，内白不匀称、识读效果变差。　　雅黑设计时考虑到这一因素，不但采用大字面设计，同时，在字距较合理的范围内调大了字身字面，多争取到了每一点宝贵的像素，为小字号使用的清晰易读奠定了基础。 http://vic.sina.com.cn/news/27/2009/0820/4684.html

作者：齐立　　一．雅黑设计理念
　　雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更是用途广泛。这副字可以说是科技进步的产物，是人类社会的需要，在设计上也有所突破。
　　首先打破传统结体方式，采用大字面设计，字怀放开，增大内白，使文字方正，布白匀称。由于字体中宫放开，使文字的适用性也随之增强，不但适合小级数文字的使用，更适合屏幕显示。
　　在笔型塑造上去除“喇叭头”。为防止文字笔划缺乏美感、没有精神，在撇、捺、点、勾的处理上使其粗细有略微的变化，使之富有弹性。
　　在制作上，力求精良，笔划间尽可能少搭笔，使文字清新、爽朗、易读。
　　追求字体的整体形式美，强调文字设计的审美性和文化性，朴实大方，典雅端庄。
　　下面从字体设计理论方面与实际字体应用的角度来阐述一下雅黑是用什么方法和字体设计技巧来完成和完善设计目标的。
　　二．按用途来设计字体
　　1．字体设计类型
　　字体设计可细分为平面美术字体设计和印刷“活字”设计。在这所要谈的字体设计是指在印刷“活字”范畴内的字体设计，主要研究字在缩小后的清晰度、可读性以及整体效果。在字型的处理上它不能象美术字和书法字那样，可以无视大小地尽情抒发情感，而要受到一定规矩的约束，讲究共性和个性的关系，来达到一种机械的美观。这种设计也是一门比较冷僻的视觉艺术。近年来，随着科学技术的不断发展，印刷“活字”设计又可分为出版印刷用字设计和屏幕显示用字设计这两个大类。
　　雅黑是属于屏幕显示用字，设计时更要注重研究字在低分辨率下的清晰度和可读性，尽可能做到小字号显示时的清晰易读，要达到这一目标，关键在于设定字面大小、笔型塑造和严谨合理的结构处理……。
　　2．字面大小的含义
　　我们有必要先来搞清楚两个不同的概念：“字面大小和字身字面比”。字体设计专用方格都有两个方框，外框称字身框，内框称字面框。

图1

　　字面大小：“就是在字面框不变的情况下，可以把字设计成大小不同的字，大字称字面大，小字称字面小。”

图2

　　字身框和字面框之间的距离就是半个自然字距。能正确地运用好他们之间的关系，是字体设计的基础。
　　字身字面比：“简单说就是在字身框不变的情况下，两者之间的百分比值，比值大字就大，比值小字就小，说白了就是把字放大和缩小。”

图3

　　现在有许多用户，为了能挤排，图省事，不惜把字缩小，造成字与字距之间的关系失衡。这样使用，即使有再好的字体也排不出完美的版面来，这是非常不科学的用法，与其这样，还不如缩小字号来用显得完美。
　　3. 字面的可测量大小和视觉大小
　　字面大小又可分为可测量的字面大小和视觉上的字面大小。已故字体设计大师谢培元老师在1962年归纳总结的“第二中心线”理论已表明，汉字由形声组合的字都是可以测量的，形旁和声旁这两个部件的中心距离越大，字面就越大，反之，字面就越小，我们只要测量这两个部件的中心距离就可以得到相应的字面大小值。同时，这也是控制整副字大小的有效工具。

图4

　　雅黑在保持文字个性的基础上，尽可能的扩大形声这两个部件的中心距离来增大字面。同时，运用这种方法使得80%以上的字，大小保持一致。对于那些不能测量的字和一些易见小的字，雅黑又是如何处理呢？
　　从几何形角度来看，汉字形状众多，最典型的可分为四种类型：“方形、圆形、三角形和菱形”，从面积上看方形最大，菱形最小，要想把图形面积变得一样大小，就必须按菱形大小走，这样设计出的汉字才能在视觉上保持一致。

图5

　　要想做大字面的字，我们首先要考虑面积最小的菱形，那么，怎样才能把菱形字做大？很简单，只要适当调整改变菱形的形状，那么，我们就能得到比原来菱形面积大的形变图形，用这种方法来设计，就可以得到在视觉上比原先字面大的字。

图6

　　雅黑在设计初期就是用视觉大小这种方法来定字面大小的。
　　4. 字面大小和屏幕显示的关系
　　字面大小和屏幕显示又有什么关系呢？为了说明问题，用少点阵图来比较说明。

图7

　　从上面两图比较中我们可以看出，左图字面大，占像素多，内白均匀舒适、清晰易读。右图字面小，占像素少，因此，内白不匀称、识读效果变差。
　　雅黑设计时考虑到这一因素，不但采用大字面设计，同时，在字距较合理的范围内调大了字身字面，多争取到了每一点宝贵的像素，为小字号使用的清晰易读奠定了基础。 ]]> 数码设计小神 http://bbs.themex.net/showthread.php?t=16861096 原创咖啡色像素风格主题 http://bbs.themex.net/showthread.php?t=16861094&goto=newpost Sat, 20 Feb 2010 13:19:20 GMT 只是ps....

上传的图像

choko.png (50.3 KB)

]]> 数码设计小神 http://bbs.themex.net/showthread.php?t=16861094