e564a3c1f7
* Always wanting keyboard graphics for shortcuts, Jorge suggested simple borders for simplicity. Great idea! Added. * Added Jorge's rounded boxes for note/warning/stop plus symbols. * If anyone wants to fine tune esp. colours, go ahead. Jorge and I are both challenged in that department. :) * A few small corrections and reformatting here and there. * Excluded the topic "Installation" from the contents until it's further along. git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@29269 a95241bf-73f2-0310-859d-f6bbb57e9c96
94 lines
6.8 KiB
HTML
94 lines
6.8 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>
|
|
   
|
|
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><span class="menu">Preferences</span></td></tr>
|
|
<tr><td>Location:</td><td></td><td><span class="path">/boot/beos/preferences/Appearance</span></td></tr>
|
|
<tr><td>Settings:</td><td></td><td><span class="path">~/config/settings/system/app_server/appearance</span></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, <span class="menu">Colors</span>, you can change the colors of different parts of the user interface. The color well accepts drag&drops from other programs, letting you drag colors over from e.g. <span class="app">WonderBrush</span>, <span class="app">Icon-O-Matic</span> or the <span class="app">Backgrounds</span> 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, <span class="menu">Antialiasing</span>, provides different settings for how things are rendered on screen.</p>
|
|
|
|
<h3>Glyph hinting</h3>
|
|
<p>An activated <span class="menu">Glyph hinting</span> 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 "<span class="menu">Monospaced Fonts Only</span>" 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 <span class="app">Magnify</span> 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><span class="menu">Greyscale</span> changes the intensity of pixels at the edge.<br />
|
|
<span class="menu">LCD subpixel</span> 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>
|
|
<div class="box-info">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.</div>
|
|
<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><span class="button">Defaults</span></td><td> </td><td>resets everything to default values.</td></tr>
|
|
<tr><td><span class="button">Revert</span></td><td> </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>
|
|
   
|
|
Next: <a href="prefs-backgrounds.html">Backgrounds</a>
|
|
</p>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|