haiku/docs/userguide/en/preferences/prefs-appearance.html
Joachim Seemer 077a475a14 * Added docs of applications:
CDPlayer and CodyCam (both work in progress), DeskCalc
* Started installing.html.
* Added a screenshot of Glyph+Subpixel rendering to Appearance prefs.
* Mentioned new setting "Monospaced Fonts Only" glyph hinting in Apperance prefs
* Mentioned sysinfo and listdev in bugreports.html as pointed out by scottmc.
* Some tweaks to the Haiku-doc.css.
* Put a link to http://www.haiku-os.org/community into welcome.html,
  removed the "(online)".
* Reorganized the file hierarchy to accommodate future translations. See thread:
  http://www.freelists.org/post/haiku-doc/Organizing-translations-of-User-GuideWelcome-Package.
* Added a userguide/languages.html that will serve as entry for the different
  translations.
  Since the welcome page is more or less only one page, we'll find another
  solution for that when the first translations are available. 


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@28890 a95241bf-73f2-0310-859d-f6bbb57e9c96
2009-01-12 15:58:51 +00:00

94 lines
6.5 KiB
HTML

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"../../../../html-dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<!--
*
* Copyright 2008, Haiku. All rights reserved.
* Distributed under the terms of the MIT License.
*
* Authors:
* Humdinger <humdingerb@gmail.com>
*
-->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="all" />
<title>Appearance</title>
<link rel="stylesheet" type="text/css" href="../../../Haiku-doc.css" />
</head>
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Appearance</div>
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Next: <a href="prefs-backgrounds.html">Backgrounds</a>
</p>
</div>
<div class="content">
<h1><img src="../../images/prefs-images/appearance-icon_64.png" alt="appearance-icon_64.png" width="64" height="64" />Appearance</h1>
<table summary="quickinfo" border="0" cellspacing="0" cellpadding="2">
<tr><td>Deskbar:</td><td style="width:15px;"></td><td><i>Preferences</i></td></tr>
<tr><td>Location:</td><td></td><td><tt>/boot/beos/preferences/Appearance</tt></td></tr>
<tr><td>Settings:</td><td></td><td><tt>~/config/settings/system/app_server/appearance</tt></td></tr>
</table>
<p>The Appearance preferences lets you change some aspects of Haiku's visuals.</p>
<h2><a id="colors" name="colors">Colors</a></h2>
<img src="../../images/prefs-images/appearance-colors.png" alt="appearance-colors.png" width="460" height="337" />
<p>In the first tab, <i>Colors</i>, you can change the colors of different parts of the user interface. The color well accepts drag&amp;drops from other programs, letting you drag colors over from e.g. <i>WonderBrush</i>, <i>Icon-O-Matic</i> or the <i>Backgrounds</i> panel.</p>
<h2><a id="antialiasing" name="antialiasing">Antialiasing</a></h2>
<img src="../../images/prefs-images/appearance-antialiasing.png" alt="appearance-antialiasing.png" width="460" height="337" />
<p>The second tab, <i>Antialiasing</i>, provides different settings for how things are rendered on screen.</p>
<h3>Glyph hinting</h3>
<p>An activated <i>Glyph hinting</i> aligns all letters in such a way that their vertical and horizontal edges rest exactly between two pixels. The result is a perfect contrast, especially when dealing with black on white. Text appears crisper. There's also a setting for "<i>Monospaced Fonts Only</i>" that's especially helpful with low resolution devices like netbooks. Small fonts can look pretty bad when hinting is turned on, but with this setting you still have the advantage of hinting for text editors and Terminal.</p>
<p>See the difference hinting makes with these magnified screenshots:</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
<tr><td style="text-align:center; font-style:italic"><img src="../../images/prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" width="296" height="207" /><br />Hinting: off</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../../images/prefs-images/appearance-glyph-on.png" alt="appearance-glyph-on.png" width="296" height="207" /><br />Hinting: on</td></tr>
</table>
<p>It should be pointed out that all the <i>Magnify</i> windows on this page are of course renderend themselves with the different options as well. So, you get a realworld impression of the settings by comparing, for example, the bold yellow tab title or the text "33 x 15 @ 8 pixels/pixel".</p>
<h3>Antialiasing type</h3>
<p>Another technique to improve rendering is <i>Antialiasing</i>, which supports all vector graphics as well as text. It smoothes lines by changing the color of certain pixels. There are two methods for that:</p>
<p><i>Greyscale</i> changes the intensity of pixels at the edge.<br />
<i>LCD subpixel</i> does an even better job, especially with (high resolution) LCD monitors. Instead of the intensity of a pixel, it changes its color which moves an edge by a fraction of a pixel, because LCD displays produce every pixel with a red, green and blue component.</p>
<p>Again, the two different methods with magnified screenshots:</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
<tr><td style="text-align:center; font-style:italic"><img src="../../images/prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" width="296" height="207" /><br />Greyscale, Hinting: off</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../../images/prefs-images/appearance-subpixel.png" alt="appearance-subpixel.png" width="296" height="207" /><br />LCD subpixel, Hinting: off</td></tr>
</table>
<p>Subpixel based antialiasing adds a slight colored shine to objects. Something not everyone tolerates. In Haiku you can mix the two antialiasing methods and find the right setting for you by using a slider.</p>
<p><b>Note: </b>The subpixel based antialiasing in combination with the glyph hinting is subject of a software patent and is therefore not available by default. Depending on where in the world you live, you may get an unlocked version. Sorry about that. Talk with your representative.</p>
<p>If you do activate hinting plus LCD subpixel rendering by changing the source and recompiling, this is how it looks compared to hinting with Greyscale:</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
<tr><td style="text-align:center; font-style:italic"><img src="../../images/prefs-images/appearance-glyph-on.png" alt="appearance-glyph-on.png" width="296" height="207" /><br />Greyscale, Hinting: on</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../../images/prefs-images/appearance-glyph-on-subpixel.png" alt="appearance-glyph-on-subpixel.png" width="296" height="207" /><br />LCD subpixel, Hinting: on</td></tr>
</table>
<p><br /></p>
<p>At the bottom of the panel are two buttons:</p>
<table summary="layout" border="0" cellpadding="2" cellspacing="0">
<tr><td><i>Defaults</i></td><td>&#160;</td><td>resets everything to default values.</td></tr>
<tr><td><i>Revert</i></td><td>&#160;</td><td>brings back the settings that were active when you started the Appearance preferences.</td></tr>
</table>
</div>
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Next: <a href="prefs-backgrounds.html">Backgrounds</a>
</p>
</div>
</body>
</html>