123 lines
10 KiB
HTML
123 lines
10 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
<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>
|
||
* Translators:
|
||
* log-1
|
||
* Humdinger
|
||
* mt
|
||
*
|
||
-->
|
||
<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 id="banner">
|
||
<div><span>ユーザーガイド</span></div>
|
||
</div>
|
||
|
||
<div class="nav">
|
||
<div class="inner">
|
||
<ul class="lang-menu">
|
||
<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="" />Svenska</a></li>
|
||
<li><a href="../../uk/preferences/appearance.html"><img src="../../images/flags/uk.png" alt="" />Українська</a></li>
|
||
<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>
|
||
<li><a href="../../fi/preferences/appearance.html"><img src="../../images/flags/fi.png" alt="" />Suomi</a></li>
|
||
<li><a href="../../sk/preferences/appearance.html"><img src="../../images/flags/sk.png" alt="" />Slovenčina</a></li>
|
||
<li><a href="../../en/preferences/appearance.html"><img src="../../images/flags/gb.png" alt="" />English</a></li>
|
||
</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">
|
||
<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>
|
||
</table>
|
||
<p>Appearance preferencesでHaikuの外見の一部を変更することができます。</p>
|
||
|
||
<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" />
|
||
<p>最初のタブ<span class="menu">Colors</span>で、ユーザーインターフェースの各部位の色を変更することができます。ドラッグ・アンド・ドロップによって他のアプリケーションから色を持ってこられるようになっていますので、例えば<span class="app">WonderBrush</span>、<span class="app">Icon-O-Matic</span>、<span class="app">Backgrounds</span>パネルなどから色をドラッグすることができます。</p>
|
||
|
||
<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" />
|
||
<p>2番目の<span class="menu">Antialiasing</span>タブで、画面描画に関する様々な設定を行えます。</p>
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
Glyph hinting</h3>
|
||
<p><span class="menu">Glyph hinting</span>を有効にすると、すべての文字の縦方向および横方向両端に、必ず2ピクセルの空白が入るようになります。特に、白い背景で黒文字を扱う場合には、これを有効にしたときとしないときとで、結果は完全に対照的になります。有効にした場合、テキストがはっきりして見えます。ネットブックのような低解像度の機器で特に効果的な、<span class="menu">Monospaced Fonts Only</span>用の設定もあります。Hintingをオンにした場合、小さい文字がかなり汚く見えることがありますが、その場合でもテキストエディタやターミナルでHintingの恩恵を受けることができます。</p>
|
||
<p>次の拡大したスクリーンショットは、Hintingを有効にした場合と有効にしない場合とで、どれだけ見た目が変わるのかを示しています:</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" /><br />Hinting 無効</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 有効</td></tr>
|
||
</table>
|
||
<p>このページに掲載されているすべての<span class="app">Magnify</span>ウィンドウは、当然のことながらそれぞれ異なるオプションで描画されている点に注意する必要があります。ですので、例えば黄色いタブの太文字タイトルや、
|
||
"33 x 15 @ 8 pixels/pixel"というテキストを比較することで、各設定が実際に作り出す印象を知ることができます。</p>
|
||
|
||
<h3>
|
||
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
|
||
Antialiasing type</h3>
|
||
<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>
|
||
<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 無効</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 サブピクセル、Hinting 無効</td></tr>
|
||
</table>
|
||
<p>サブピクセル・ベースのアンチエイリアスでは、図形オブジェクトにわずかな色味を帯びた輝きが加わります。この余分な輝きを、誰もが許容するわけではありません。Haikuでは、この2つのアンチエイリアス手法を混ぜて使用することができます。スライダーを使って、あなたにとって最適な混合比を設定することができます。</p>
|
||
<div class="box-info">サブピクセルベースのアンチエイリアスをGlyph Hintingと併せて使用することは、ソフトウェア特許の対象となるため、デフォルトでは両者を同時に使用できないようになっています。あなたの住んでいる地域次第では、このロックを解除したバージョンを入手することが合法である場合があります。その場合は申し訳ありませんが、その地域の配布担当者と交渉してください。</div>
|
||
<p>仮にソースコードを変更して再コンパイルすることで、HintingとLCD subpixelを組み合わせた描画方法を有効にした場合、HintingとGrayscaleを組み合わせたものと見た目を比較すると、次のようになります:</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" /><br />グレイスケール、Hinting 有効</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 サブピクセル、Hinting 有効</td></tr>
|
||
</table>
|
||
<p><br /></p>
|
||
<p>設定パネルの下の部分に、次の2つのボタンがあります:</p>
|
||
<table summary="layout" border="0" cellpadding="2" cellspacing="0">
|
||
<tr><td><span class="button">デフォルト</span></td><td> </td><td>すべての項目をデフォルト値に戻します。</td></tr>
|
||
<tr><td><span class="button">元に戻す</span></td><td> </td><td>Appearance preferenceを起動したときの設定に戻します。</td></tr>
|
||
</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>
|