source: filezilla/trunk/fuentes/docs/iconspecs.htm @ 130

Last change on this file since 130 was 130, checked in by jrpelegrina, 3 years ago

First release to xenial

File size: 5.3 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>FileZilla 3 Icon set specification</title>
6<style>
7    h1 { text-align: center; }
8    h2, h3 { text-decoration: underline; }
9</style>
10</head>
11<body>
12
13<h1>FileZilla 3 Icon set specification</h1>
14
15<h2>Introduction</h2>
16
17<p>This document describes the requirements for icon sets in FileZilla 3.</p>
18
19<p>
20  Please remember that if you want to create an icon set for FileZilla,
21  that you should be available to update the icon set in the future when
22  additional icon are added to the requirements. Otherwise the default icons
23  will be used for the missing icons and eventually your theme will be removed
24  once it becomes too outdated.
25</p>
26
27<h2>Requirements</h2>
28<p>
29  Since FileZilla is Free Software, the same has to apply to all artwork used
30  in FileZilla. This means that all artwork has to be published under the GPL
31  or a GPL compatible license.
32  Note that the Creative Commons Attribution license is <a href="http://www.gnu.org/licenses/license-list.html">not compatible</a> with the GPL.
33</p>
34
35<h3>Icon sizes</h3>
36
37<p>
38  To improve accessibility of the software, the icons should be available in
39  different sizes. Despite a few exception (see below), there are no restrictions regarding the icon size.
40</p>
41<p>
42  The most commonly sizes used for icons are:
43</p>
44<ul>
45  <li>16x16 (the default icon size used by FileZilla)</li>
46  <li>32x32</li>
47  <li>48x48</li>
48</ul>
49
50<p>
51  The following icons <strong>have</strong> to be available in 16x16 in addition to the other sizes supported by the theme. See further below for a description what these icons represent.
52</p>
53<ul>
54  <li>ascii.png</li>
55  <li>auto.png</li>
56  <li>binary.png</li>
57  <li>file.png</li>
58  <li>folder.png</li>
59  <li>folderclosed.png</li>
60  <li>download.png</li>
61  <li>downloadadd.png</li>
62  <li>lock.png</li>
63  <li>upload.png</li>
64  <li>uploadadd.png</li>
65  <li>server.png</li>
66  <li>symlink.png</li>
67</ul>
68
69<p>
70  The following icons <strong>have</strong> to be available in 32x32:
71</p>
72<ul>
73  <li>file.png</li>
74</ul>
75
76<p>It is important, that the icons are good-looking in all those sizes. Especially the smallest icon size should not look blurred</p>
77
78<h3>Color depth</h3>
79
80<p>
81  Regarding the used color-depth there is no limitation.
82</p>
83
84<h3>File format</h3>
85
86<p>
87  As file format for the icons, the png format has to be used. For each
88  provided size there has to be a subdirectory with the size as name
89  ("16x16" for example) containing all icons in the corresponding size.
90</p>
91
92<p>
93  In addition to the files for the different sizes, each icon should be
94  available in a vector based format (e.g. SVG) as well, so that differently sized icons can
95  be generated quickly.
96</p>
97
98<p>
99  Each icon set should follow a theme, the icons should match nicely. Also,
100  the function of the icon has to be easily recognizable.
101</p>
102
103<h2>Required icons</h2>
104
105<p>
106  The following icons together with the required file name are required in all
107  icon sets for FileZilla:
108</p>
109
110<p><strong>General toolbar:</strong></p>
111<ul>
112  <li>sitemanager.png - Sitemanager</li>
113  <li>localtreeview.png, remotetreeview.png, logview.png, queueview.png
114    - Togglebuttons for the local folder tree, for the remote folder tree,
115      the message log, and the transfer queue.</li>
116  <li>refresh.png - a refresh button</li>
117  <li>
118    processqueue.png - a button that starts/stops transfer queue processing
119  </li>
120  <li>
121    cancel.png, disconnect.png, reconnect.png - cancel, disconnect and
122    reconnect buttons
123  </li>
124  <li>help.png - a help button</li>
125</ul>
126
127<p><strong>Browsing toolbar:</strong></p>
128<ul>
129  <li>
130    synchronize.png - Synchronize folder views (if you change the local dir,
131    remote dir will be changes as well)
132  </li>
133  <li>
134    compare.png - Compare local and remote directories (file entries in the
135    file lists will receive a coloured background if they exist either only on
136    the local or remote side, or when the file attributes differ.)
137  </li>
138  <li>showhidden.png - show hidden files</li>
139  <li>filter.png - filter filenames. Note: Funnels are not filters.</li>
140  <li>find.png - search for files</li>
141</ul>
142
143<p><strong>Transfer settings toolbar:</strong></p>
144<ul>
145  <li>speedlimits.png - Button to enable speed limits</li>
146</ul>
147
148<p><strong>Context menus</strong></p>
149<ul>
150  <li>upload.png - Upload selected local files</li>
151  <li>uploadadd.png - Add selected local files to queue</li>
152  <li>download.png - Download selected remote files</li>
153  <li>downloadadd.png - Add selected remote files to queue</li>
154</ul>
155
156<p><strong>Other generic icons:</strong></p>
157<ul>
158  <li>
159    ascii.png, auto.png, binary.png - Transfermode icons for Ascii, binary
160    and Auto mode.
161  </li>
162  <li>bookmark.png - Bookmarks/Favourites</li>
163  <li>bookmark.png - Individual Bookmark/Favourite</li>
164  <li>folderup.png - "Go up one folder"</li>
165  <li>folderback.png - "Go back to previous folder"</li>
166  <li>file.png - icon for generic files</li>
167  <li>folder.png - icon for open folder/directory</li>
168  <li>folderclosed.png - icon for a closed folder/directory</li>
169  <li>lock.png - used in status bar to indicate encrypted connections</li>
170  <li>server.png - server icon for the site entries in the Site Manager</li>
171  <li>symlink.png - overlay icon used in file lists to indicate that the displayed item represents a symbolic link</li>
172</ul>
173
174</body>
175</html>
Note: See TracBrowser for help on using the repository browser.