2010-01-14 10:00:47 +03:00
|
|
|
|
<?xml version="1.0" encoding="UTF-8"?>
|
2010-03-05 10:01:38 +03:00
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
2010-01-14 10:00:47 +03:00
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<!--
|
|
|
|
|
|
*
|
|
|
|
|
|
* Copyright 2008-2009, Haiku. All rights reserved.
|
|
|
|
|
|
* Distributed under the terms of the MIT License.
|
|
|
|
|
|
*
|
|
|
|
|
|
* Authors:
|
|
|
|
|
|
* Humdinger <humdingerb@gmail.com>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
* Translators:
|
|
|
|
|
|
* log-1
|
2010-01-14 10:00:47 +03:00
|
|
|
|
*
|
|
|
|
|
|
-->
|
|
|
|
|
|
<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>
|
2010-03-05 10:01:38 +03:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../Haiku-doc.css" />
|
2010-01-14 10:00:47 +03:00
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="banner">
|
|
|
|
|
|
<div><span>User guide</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="nav">
|
|
|
|
|
|
<div class="inner">
|
|
|
|
|
|
<ul class="lang-menu">
|
2010-03-05 10:01:38 +03:00
|
|
|
|
<li class="now"><img src="../../images/flags/jp.png" alt="" /> 日本語</li>
|
|
|
|
|
|
<li><a href="../../fr/preferences/appearance.html"><img src="../../images/flags/fr.png" alt="" />Français</a></li>
|
|
|
|
|
|
<li><a href="../../de/preferences/appearance.html"><img src="../../images/flags/de.png" alt="" />Deutsch</a></li>
|
|
|
|
|
|
<li><a href="../../it/preferences/appearance.html"><img src="../../images/flags/it.png" alt="" />Italiano</a></li>
|
|
|
|
|
|
<li><a href="../../ru/preferences/appearance.html"><img src="../../images/flags/ru.png" alt="" />Русский</a></li>
|
|
|
|
|
|
<li><a href="../../es/preferences/appearance.html"><img src="../../images/flags/es.png" alt="" />Español</a></li>
|
|
|
|
|
|
<li><a href="../../sv_SE/preferences/appearance.html"><img src="../../images/flags/sv_SE.png" alt="" />Svensk</a></li>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<li><a href="../../uk/preferences/appearance.html"><img src="../../images/flags/uk.png" alt="" />Українська</a></li>
|
2010-07-08 22:03:41 +04:00
|
|
|
|
<li><a href="../../zh_CN/preferences/appearance.html"><img src="../../images/flags/zh_CN.png" alt="" /> 中文 ［中文］</a></li>
|
|
|
|
|
|
<li><a href="../../pt_PT/preferences/appearance.html"><img src="../../images/flags/pt_PT.png" alt="" />Português</a></li>
|
2010-03-05 10:01:38 +03:00
|
|
|
|
<li><a href="../../en/preferences/appearance.html"><img src="../../images/flags/gb.png" alt="" />English</a></li>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
</ul>
|
|
|
|
|
|
<span>
|
|
|
|
|
|
<a href="../preferences.html" class="uplink">Preferences</a>
|
|
|
|
|
|
:: <a href="backgrounds.html">Backgrounds</a> »
|
|
|
|
|
|
</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="content">
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
|
|
<h2><img src="../../images/prefs-images/appearance-icon_64.png" alt="appearance-icon_64.png" width="64" height="64" />Appearance</h2>
|
|
|
|
|
|
<table summary="quickinfo" border="0" cellspacing="0" cellpadding="2">
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<tr><td>Deskbarメニュー:</td><td style="width:15px;"></td><td><span class="menu">Preferences</span></td></tr>
|
|
|
|
|
|
<tr><td>場所:</td><td></td><td><span class="path">/boot/system/preferences/Appearance</span></td></tr>
|
|
|
|
|
|
<tr><td>設定ファイル:</td><td></td><td><span class="path">~/config/settings/system/app_server/appearance</span></td></tr>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
</table>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p>Appearance preferencesでHaikuの外見の一部を変更することができます。</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
|
|
|
|
|
|
<h2>
|
|
|
|
|
|
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
|
|
|
|
<a id="colors" name="colors">Colors</a></h2>
|
|
|
|
|
|
<img src="../images/prefs-images/appearance-colors.png" alt="appearance-colors.png" />
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p>最初のタブ<span class="menu">Colors</span>で、ユーザーインターフェースの各部位の色を変更することができます。ドラッグ・アンド・ドロップによって他のアプリケーションから色を持ってこられるようになっていますので、例えば<span class="app">WonderBrush</span>、<span class="app">Icon-O-Matic</span>、<span class="app">Backgrounds</span>パネルなどから色をドラッグすることができます。</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
|
|
|
|
|
|
<h2>
|
|
|
|
|
|
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
|
|
|
|
<a id="antialiasing" name="antialiasing">Antialiasing</a></h2>
|
|
|
|
|
|
<img src="../images/prefs-images/appearance-antialiasing.png" alt="appearance-antialiasing.png" />
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p>2番目の<span class="menu">Antialiasing</span>タブで、画面描画に関する様々な設定を行えます。</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
|
|
|
|
|
|
<h3>
|
|
|
|
|
|
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
|
|
|
|
Glyph hinting</h3>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p><span class="menu">Glyph hinting</span>を有効にすると、すべての文字の縦方向および横方向両端に、必ず2ピクセルの空白が入るようになります。特に、白い背景で黒文字を扱う場合には、これを有効にしたときとしないときとで、結果は完全に対照的になります。有効にした場合、テキストがはっきりして見えます。ネットブックのような低解像度の機器で特に効果的な、<span class="menu">Monospaced Fonts Only</span>用の設定もあります。Hintingをオンにした場合、小さい文字がかなり汚く見えることがありますが、その場合でもテキストエディタやターミナルでHintingの恩恵を受けることができます。</p>
|
|
|
|
|
|
<p>次の拡大したスクリーンショットは、Hintingを有効にした場合と有効にしない場合とで、どれだけ見た目が変わるのかを示しています:</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
<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" /><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" /><br />Hinting: on</td></tr>
|
|
|
|
|
|
</table>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p>このページに掲載されているすべての<span class="app">Magnify</span>ウィンドウは、当然のことながらそれぞれ異なるオプションで描画されている点に注意する必要があります。ですので、例えば黄色いタブの太文字タイトルや、
|
|
|
|
|
|
"33 x 15 @ 8 pixels/pixel"というテキストを比較することで、各設定が実際に作り出す印象を知ることができます。</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
|
|
|
|
|
|
<h3>
|
|
|
|
|
|
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
|
|
|
|
Antialiasing type</h3>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p>画面描画を改善するもうひとつの方法は<i>Antialiasing</i>（アンチエイリアス）で、テキストだけでなくすべてのベクタグラフィックをサポートします。アンチエイリアスはあるピクセルの色を変更することにより、線をなめらかにします。線をなめらかにする手法には、次の2つがあります:</p>
|
|
|
|
|
|
<p><span class="menu">Grayscale</span>は、輪郭のピクセルの明るさを変更します。<br />
|
|
|
|
|
|
<span class="menu">LCD subpixel</span>
|
|
|
|
|
|
は、特に(高解像度の)LCDディスプレイを使用する場合にGrayscaleよりもさらになめらかに描画します。LCDディスプレイの1つのピクセルは赤、緑、青の要素で構成されているので、この手法では1ピクセルの明るさを変更するかわりに、1ピクセルより小さな分量だけ輪郭を移動させて輪郭の色を変更します。</p>
|
|
|
|
|
|
<p>先ほどと同様に、次の拡大したスクリーンショットは、この2つの方法の違いを示しています:</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
<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" /><br />Grayscale, 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" /><br />LCD subpixel, Hinting: off</td></tr>
|
|
|
|
|
|
</table>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p>サブピクセル・ベースのアンチエイリアスでは、図形オブジェクトにわずかな色味を帯びた輝きが加わります。この余分な輝きを、誰もが許容するわけではありません。Haikuでは、この2つのアンチエイリアス手法を混ぜて使用することができます。スライダーを使って、あなたにとって最適な混合比を設定することができます。</p>
|
|
|
|
|
|
<div class="box-info">サブピクセルベースのアンチエイリアスをGlyph Hintingと併せて使用することは、ソフトウェア特許の対象となるため、デフォルトでは両者を同時に使用できないようになっています。あなたの住んでいる地域次第では、このロックを解除したバージョンを入手することが合法である場合があります。その場合は申し訳ありませんが、その地域の配布担当者と交渉してください。</div>
|
|
|
|
|
|
<p>仮にソースコードを変更して再コンパイルすることで、HintingとLCD subpixelを組み合わせた描画方法を有効にした場合、HintingとGrayscaleを組み合わせたものと見た目を比較すると、次のようになります:</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
<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" /><br />Grayscale, 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" /><br />LCD subpixel, Hinting: on</td></tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<p><br /></p>
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<p>設定パネルの下の部分に、次の2つのボタンがあります:</p>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
<table summary="layout" border="0" cellpadding="2" cellspacing="0">
|
2010-04-15 22:01:21 +04:00
|
|
|
|
<tr><td><span class="button">Defaults</span></td><td> </td><td>すべての設定をデフォルト値に戻します。</td></tr>
|
|
|
|
|
|
<tr><td><span class="button">Revert</span></td><td> </td><td>Appearance preferenceを起動したときの設定に戻します。</td></tr>
|
2010-01-14 10:00:47 +03:00
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="nav">
|
|
|
|
|
|
<div class="inner"><span>
|
|
|
|
|
|
<a href="../preferences.html" class="uplink">Preferences</a>
|
|
|
|
|
|
:: <a href="backgrounds.html">Backgrounds</a> »
|
|
|
|
|
|
</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
