Hal
ini menunjukkan bahwa ada jumlah tertentu yang tipografer desainer /
harus meninggalkan ke imajinasi pemirsa, membawa ambiguitas ke dalam
persamaan. Apakah desainer bentuk tipografi baru mendorong ambang ambiguitas ini? Munculnya era televisi telah meningkatkan kemampuan kita untuk mengenali huruf dan kata pada tingkat yang lebih cepat. Karena
itu, Neville Brody menunjukkan bahwa merinci baik dalam tipografi tidak
lagi penting namun bentuk keseluruhan letterform ini. Hal ini juga dapat dikatakan bahwa bentuk negatif sama pentingnya dengan bentuk positif. Bermain
dengan ide dari apa yang tokoh dan apa adalah tanah menambah ambiguitas
tertentu untuk komunikasi sehingga meningkatkan partisipasi pemirsa.Para
seter / desainer / pendidik Jeffery Keedy merasa bahwa kita telah
dirampok masyarakat ambiguitas, dan karena kepentingan dalam bentuk
tipografi kita. Dia telah menyatakan, "Banyak orang dalam hidup merasa peran mereka dalam kehidupan untuk menghancurkan semua ambiguitas. Saya pikir ambiguitas yang adalah hidup itu sendiri dan itulah yang membuat hidup menarik. Kita terlalu sering berasumsi bahwa orang-orang begitu bodoh sehingga mereka tidak dapat menangani ambiguitas. Saya
pikir orang hidup ambiguitas ... "25 Keedy menciptakan ambiguitas untuk
memberikan pemirsa tempat untuk berpartisipasi dalam membuat pesannya. Ini
bukan ide yang sama sekali baru ketika datang untuk menciptakan bentuk
grafis tetapi ketika diterapkan semata-mata untuk tipografi itu jarang
terjadi.SejarahAda banyak berbeda "definisi" yang diberikan kepada tipografi sepanjang sejarah desain grafis. Beberapa
sangat utilitarian, seperti definisi oleh Stanley Morison: "Tipografi
dapat didefinisikan sebagai kerajinan benar membuang bahan cetak sesuai
dengan tujuan tertentu; dari begitu mengatur surat-surat,
mendistribusikan dan mengendalikan ruang ketik untuk bantuan maksimum
yang pembaca pemahaman teks. Tipografi
adalah cara efisien untuk tujuan utilitarian dan hanya dasarnya sengaja
estetika, untuk menikmati pola jarang tujuan utama pembaca. ... Hal berikut bahwa dalam pencetakan buku dimaksudkan untuk dibaca ada sedikit ruang untuk tipografi "terang" ". Morison
terus, "desainer jenis yang baik tahu bahwa, untuk sumber baru agar
sukses, itu harus sangat baik bahwa hanya sedikit mengenali pembaharuan"
.3 ini pada kontinum dari tipografi digambarkan sebagai tindakan murni
teknis dan utilitarian . Tipe jauh lebih dari ini, itu adalah representasi visual dari bahasa. Tipografi
adalah bagian dari lingkungan setiap orang dan karenanya harus dianggap
sebagai kontributor yang lebih besar untuk budaya kita.KeterbacaanSalah satu perdebatan utama sekitar munculnya bentuk-bentuk tipografi baru keterbacaan. Tampaknya teori-teori lama dan "aturan" mengenai keterbacaan sudah ketinggalan jaman. Bagaimana
sebuah lebar baris optimum antara 18 dan 24 picas, yang ditentukan pada
tahun 1929, berkomunikasi dengan para pembaca hari ini, yang memiliki
toleransi yang lebih baik untuk lebar garis lebih lama? Sulit
untuk memvalidasi aturan-aturan lama ketika kita melihat berbagai cara
kita menerima informasi (televisi, film, video game, komputer, dll), dan
memahami masyarakat yang lebih melek visual dan digunakan untuk tingkat
canggih coding dan kecepatan. Jelas, ada kebutuhan untuk memperbarui pemikiran kita tentang keterbacaan.Ada wilayah abu-abu antara apa yang dibaca dan apa yang keterbacaan. Dalam
mempelajari keterbacaan Dr Miles Tinker, otoritas diakui secara
internasional pada keterbacaan cetak, mendefinisikan keterbacaan sebagai
kepedulian untuk memahami huruf dan kata-kata, dan membaca bahan
tekstur terus menerus. Dia berteori bahwa bentuk
surat harus didiskriminasi, kata karakteristik bentuk-bentuk yang
dirasakan, dan teks terus menerus dibaca secara akurat, cepat, mudah,
dan dengan pemahaman. Dalam tulisan-tulisan
sebelumnya ia telah menggunakan pembacaan kata-kata untuk mendefinisikan
apa yang akan dia keterbacaan kemudian panjang. Hal
ini dapat dikatakan bahwa persyaratan minimum untuk jenis teks adalah
bahwa hal itu dapat dibaca, yang berarti bahwa itu cukup besar dan cukup
berbeda sehingga pembaca dapat membedakan antara kata individu dan
huruf. Keterbacaan adalah kualitas yang membuat teks mudah dibaca, mengundang dan menyenangkan untuk mata. Teks dapat dibaca, tetapi jika pembaca bosan dan lelah, desainer belum mencapai maksimum readability.26Apa peran desain grafis dalam perkembangan bentuk-bentuk tipografi baru? Tampaknya desain grafis akan memiliki untuk melihat baik-baik itu sendiri dan mungkin mendefinisikan kembali parameter. Peran desainer telah cukup dinyatakan sebagai komunikator pesan. Desainer
harus mempertimbangkan baru ini letterforms saat merancang sepotong
sehingga dapat berbicara dengan waktu dan kepekaan kita untuk tidak
beberapa gagasan terbentuk sebelumnya dari apa yang desain harus
terlihat seperti. Jatuh kami kembali estetika sebagai desainer telah menjadi gaya Bauhaus dan kredo Modernis nya. Ide-ide
desain dan komunikasi baik di waktu mereka, tapi waktu kita panggilan
untuk desain yang memperluas peran semantik komunikasi grafis.Tipografi (Bagian 1)Visual
kontras dan halaman tipografi designGood tergantung pada kontras visual
antara satu font dan lagi, dan kontras antara teks dan blok ruang
kosong di sekitarnya. Tidak ada yang menarik mata
dan otak penampil seperti kontras yang kuat dan pola yang khas, dan Anda
hanya mendapatkan atribut-atribut dengan hati-hati merancang mereka ke
halaman Anda. Jika Anda membuat segalanya berani,
maka tidak ada yang menonjol dan Anda berakhir tampak seperti jika Anda
BERTERIAK pada pembaca Anda. Jika Anda menjejalkan
setiap halaman dengan teks padat, pembaca melihat dinding abu-abu dan
otak mereka secara naluriah akan menolak kurangnya kontras visual. Hanya membuat hal-hal seragam yang lebih besar tidak membantu sama sekali. Bahkan
font tebal menjadi monoton sangat cepat, karena jika semuanya berani
maka tidak ada yang menonjol Gunakan judul HTML utama hemat "berani.". Salah
satu alternatif untuk header HTML terlalu tebal adalah dengan
menggunakan gaya kontrol fisik HTML untuk membuat teks tebal atau miring
tanpa meningkatkan ukuran font. Namun,
Anda harus memahami bahwa ada beberapa kerugian untuk menggunakan gaya
fisik untuk mengontrol tipografi halaman Web Anda. Tag
judul HTML (H1, H2, dll) dirancang untuk mengidentifikasi judul penting
dan teks dalam teks Anda, dan hanya kebetulan dimaksudkan untuk
mengubah tampilan visual dari judul. Jika
Anda menggunakan "FONT SIZE" tag di Netscape dan menggunakan gaya fisik
seperti "BOLD" maka pengindeksan otomatis dan program analisis teks
akan memiliki waktu yang sulit menganalisis dokumen-dokumen web Anda.Logika
visual dibandingkan perumus logicThe struktural dari standar HTML asli
ilmuwan fisik yang menginginkan standar sarana untuk berbagi dokumen
dengan markup yang minimal yang ditujukan untuk mengungkapkan struktur
logis dari informasi. Karena mereka memiliki
sedikit ketertarikan dalam bentuk visual yang tepat dari dokumen, tidak
ada tipografi yang tepat dan format halaman mungkin dalam implementasi
saat ini dari HTML. Dalam fokus hanya
pada logika struktural dari dokumen HTML, para perumus Web mengabaikan
kebutuhan untuk logika visual desain grafis canggih dan typography.The
organisasi standar yang bertanggung jawab untuk kodifikasi bahasa HTML
menanggapi keluhan luas desainer grafis yang judul tag dalam dokumen Web sering menghasilkan kikuk, lebih-besar judul dan sub judul. Melalui
style sheet dan baru tag kontrol font yang versi masa depan HTML akan
segera memungkinkan Anda untuk menentukan apa ukuran font masing-masing
tingkat header akan menghasilkan dalam setiap halaman web. Dengan
demikian Anda akan mampu menghasilkan tipografi lebih canggih tanpa
melepaskan keuntungan besar menggunakan tag header HTML konvensional.Jenis
dan legibilityWe dibaca terutama dengan mengenali bentuk keseluruhan
kata-kata, bukan oleh parsing setiap huruf dan kemudian merakit sebuah
kata dikenali:Hindari semua-huruf
besar headline mereka jauh lebih sulit untuk dibaca, karena kata-kata
dibentuk dengan huruf kapital adalah persegi panjang monoton yang
menawarkan beberapa bentuk khas untuk menangkap mata pembaca:Keterbacaan
tergantung pada puncak pilihan wordsYour huruf besar atau huruf kecil
dapat memiliki efek dramatis pada keterbacaan. Secara
umum, gunakan bawah gaya (memanfaatkan hanya kata pertama, dan setiap
kata benda yang tepat) untuk judul dan subjudul Anda. Headline bawah gaya yang lebih mudah dibaca, karena kita terutama memindai puncak kata-kata seperti yang kita baca:Perhatikan berapa banyak sulit untuk membaca bagian bawah kalimat yang sama:Jika Anda menggunakan huruf kapital awal di judul Anda mengganggu pemindaian pembaca dari bentuk kata:ReferensiBringhurst, R. 1992. Unsur-unsur gaya tipografi. Washington: Hartley dan Merek.Siegel, D. 1996. Membuat situs web pembunuh. Indianapolis: Hayden Books.Spiekermann, E., dan E. Jahe M.. 1993. Berhenti mencuri domba & mencari tahu cara kerja jenis. Mountain View, CA: Adobe Press.tipografi Sebuah esai ringkas, elegan pada tipografi dan letterforms dari Razorfish / bluedot.Tipografi (Bagian 2)Pola
dan designWhen halaman konten Anda sebagian besar teks, tipografi
adalah alat yang Anda gunakan untuk "cat" pola-pola organisasi pada
halaman. Hal pertama yang pembaca Anda melihat bukan judul atau rincian lain dari halaman, tetapi pola keseluruhan dan kontras halaman. Mata pembaca scan halaman pertama sebagai pola murni grafis, kemudian mulai untuk melacak dan decode jenis dan elemen halaman. Para,
teratur pola berulang didirikan melalui halaman hati-hati terorganisir
teks dan grafis membantu pembaca untuk cepat menetapkan lokasi dan
organisasi informasi, dan meningkatkan keterbacaan keseluruhan halaman
Anda. Tambal sulam, tipografi heterogen
dan header teks membuat sulit bagi pengguna untuk melihat pola besar
dengan cepat, dan membuat hampir tidak mungkin untuk untuk pengguna
untuk dengan cepat memprediksi di mana informasi mungkin dalam terletak
di dokumen asing:Menetap sebagai gaya
judul dan sub judul sedikit sebagaimana diperlukan untuk mengatur
konten Anda, kemudian gunakan gaya yang Anda pilih secara konsisten. Fakta
bahwa HTML menyediakan enam tingkat heading tidak berarti bahwa Anda
pernah harus menggunakan enam tingkat heading dalam satu halaman. Manual ini seluruh lebih dari 60 halaman Web menggunakan hanya dua header, sebuah judul halaman H2-tingkat, dan sub judul tebal.Memanipulasi
blocksText teks pada layar komputer sulit untuk membaca karena resolusi
rendah layar komputer saat ini, tetapi juga karena tata letak halaman
Web yang paling melanggar salah satu aturan paling mendasar dalam buku
dan tipografi majalah: baris teks dalam Web yang paling halaman terlalu panjang agar mudah dibaca. Majalah
dan buku kolom sempit untuk alasan fisiologis: pada jarak membaca yang
normal span mata gerakan hanya sekitar 8 cm (3 inci) lebar, sehingga
desainer mencoba untuk menjaga bagian padat dari teks dalam kolom tidak
lebih luas dari rentang mata yang nyaman pembaca. Baris
teks yang lebih luas memerlukan pembaca untuk memindahkan kepala mereka
sedikit, atau regangan otot mata mereka untuk melacak melalui garis
panjang teks. Sayangnya halaman yang paling Web
yang hampir dua kali selebar rentang mata pemirsa, sehingga upaya ekstra
diperlukan untuk memindai melalui garis panjang teks. Jika
Anda ingin mendorong pengguna situs Web Anda untuk benar-benar membaca
dokumen online (sebagai lawan pencetakan itu untuk kemudian membaca),
pertimbangkan untuk menggunakan "Blockquote" atau "PRA" tag HTML untuk
memperpendek panjang baris blok teks untuk sekitar setengah lebar normal dari halaman Web.Halaman-halaman
dalam manual ini ditata menggunakan tabel 2-kolom terlihat (BORDER =
"0") untuk membatasi panjang baris teks dengan sekitar 40 sampai 60
karakter per baris. Jumlah karakter
persis sulit untuk memprediksi karena cara browser perangkat lunak yang
berbeda dan sistem operasi yang berbeda jenis ukuran layar. Dalam
kolom tata letak cetak konvensional 30 sampai 40 karakter per baris
yang dianggap ideal, tapi ini tampaknya terlalu jarang untuk mata kita
untuk layout halaman Web.
ReferensiPutih, J. V. 1988. Desain grafis untuk usia elektronik. New York: Watson-Guptil.Wilson, A. 1974. Desain buku. Salt Lake City: Peregrine Smith, Inc
ReferensiPutih, J. V. 1988. Desain grafis untuk usia elektronik. New York: Watson-Guptil.Wilson, A. 1974. Desain buku. Salt Lake City: Peregrine Smith, Inc
Typography, Logotype, Font, and Logo
The typographer/designer/educator Jeffery Keedy feels that we have robbed society of all ambiguity and therefore interest in our typographic forms. He has stated, “Many people in life feel it's their role in life to destroy all ambiguity. I think that ambiguity is life itself and it's what makes life interesting. We too often assume that people are so stupid that they can't deal with ambiguity. I think people live for ambiguity ...”25 Keedy creates ambiguity to provide the viewer a place to participate in his message making. This is not a totally new idea when it comes to creating graphic form but when applied solely to typography it has rarely been the case.
History
There have been many different “definitions” given to typography throughout the history of graphic design. Some very utilitarian, such as this definition by Stanley Morison: “Typography may be defined as the craft of rightly disposing printed material in accordance with specific purpose; of so arranging the letters, distributing the space and controlling the type as to aid the maximum the reader's comprehension of the text. Typography is the efficient means to an essentially utilitarian and only accidentally aesthetic end, for the enjoyment of pattern is rarely the reader's chief aim. ... It follows that in the printing of books meant to be read there is little room for “bright” typography”. Morison continues, “the good type designer knows that, for a new fount to be successful, it has to be so good that only a few recognise its novelty”.3 This is on the continuum of typography described as a purely technical and utilitarian act. Type is much more than this; it is the visual representation of language. Typography is part of everyone's environment and therefore should be considered as a greater contributor to our culture.
Legibility
One of the major debates surrounding the emergence of the new typographic forms is legibility. It seems that the old theories and “rules” concerning legibility are outdated. How does an optimum line width of between 18 and 24 picas, which was determined in 1929, communicate to the readers of today, who have a better tolerance for longer line widths? It is hard to validate these old rules when one looks at the many different ways that we receive information (television, movies, video games, computers, etc.), and understand that society is more visually literate and used to a sophisticated level of coding and pace. Clearly, there is a need to update our thinking concerning legibility.
There is a gray area between what is readability and what is legibility. In studying legibility Dr. Miles Tinker, an internationally recognized authority on print legibility, defines legibility as concern for perceiving letters and words, and the reading of continuous textural material. He theorized that the shapes of letters must be discriminated, the characteristic word forms perceived, and continuous text read accurately, rapidly, easily, and with understanding. In earlier writings he had used the word readability to define what he would later term legibility. It can be said that a minimum requirement for text type is that it be legible, which means that it be large enough and distinct enough so that the reader can discriminate between individual word and letters. Readability is the quality that make text easy to read, inviting and pleasurable to the eye. Text can be legible, but if the reader gets bored and tired, the designer has not achieved maximum readability.26
What is the role of graphic design in this development of new typographic forms? It seems that graphic design is going to have to take a good hard look at itself and possibly re-define its parameters. The role of the designer has been simply stated as the communicator of messages. Designers should consider these new letterforms when designing a piece so that it may speak to our time and our sensibilities not to some preconceived notion of what design should look like. Our fall back aesthetic as designers has been the Bauhaus style and its Modernist credos. These ideas of design and communication were fine in their time but our time calls for design which expands the semantic role of graphic communication.
Typography (Part 1)
Visual contrast and page designGood typography depends on the visual contrast between one font and another, and the contrast between text blocks and the surrounding empty space. Nothing attracts the eye and brain of the viewer like strong contrast and distinctive patterns, and you only get those attributes by carefully designing them into your pages. If you make everything bold, then nothing stands out and you end up looking as if you are SHOUTING at your readers. If you cram every page with dense text, readers see a wall of gray and their brains will instinctively reject the lack of visual contrast. Just making things uniformly bigger doesn't help at all. Even boldface fonts become monotonous very quickly, because if everything is bold then nothing stands out "boldly."Use the major HTML headings sparingly. One alternative to overly bold HTML headers is to use the physical style controls of HTML to make text bold or italic without increasing the font size. However, you should understand that there are some disadvantages to using physical styles to control the typography of your Web pages. The HTML heading tags (H1, H2, etc.) are designed to identify important titles and subtitles in your text, and are only incidentally meant to change the visual display of the titles. If you use the "FONT SIZE" tags in Netscape and use physical styles like "BOLD" then automatic indexing and text analysis programs will have a difficult time analyzing your web documents.
Visual logic versus structural logicThe framers of the original HTML standards were physical scientists who wanted a standard means to share documents with minimal markups aimed at revealing the logical structure of the information. Since they had little interest in the exact visual form of the document, no precise typography and page formatting is possible in current implementations of HTML. In focusing solely on the structural logic of the HTML document, the framers of the Web ignored the need for the visual logic of sophisticated graphic design and typography.The standards organization responsible for codifying the HTML language is responding the widespread complaints of graphic designers that the heading tags in Web documents often produce clunky, over-large titles and subtitles. Through style sheets and new font control tags future versions of HTML will soon allow you to specify what size font each header level will produce in each Web page. Thus you will be able to produce more sophisticated typography without giving up the substantial advantages of using the conventional HTML header tags.
Type and legibilityWe read primarily by recognizing the overall shape of words, not by parsing each letter and then assembling a recognizable word:
Avoid all-uppercase headlines they are much harder to read, because words formed with capital letters are monotonous rectangles that offer few distinctive shapes to catch the reader's eye:
Legibility depends on the tops of wordsYour choice of uppercase or lowercase letters can have a dramatic effect on legibility. In general, use down style (capitalize only the first word, and any proper nouns) for your headlines and subheads. Down style headlines are more legible, because we primarily scan the tops of words as we read:
Notice how much harder it is to read the bottom half of the same sentence:
If you use initial capital letters in your headlines you disrupt the reader's scanning of the word forms:
References
Bringhurst, R. 1992. The elements of typographic style. Washington: Hartley and Marks.
Siegel, D. 1996. Creating killer web sites. Indianapolis: Hayden Books.
Spiekermann, E., and E. M. Ginger. 1993. Stop stealing sheep & find out how type works. Mountain View, CA: Adobe Press.
typoGRAPHIC A concise, elegant essay on typography and letterforms from razorfish/bluedot.
Typography (Part 2)
Pattern and page designWhen your content is mostly text, typography is the tool you use to "paint" patterns of organization on the page. The first thing your reader sees is not the title or other details of the page, but the overall pattern and contrast of the page. The reader's eye scans the page first as a purely graphic pattern, then begins to track and decode type and page elements. The regular, repeating patterns established through carefully organized pages of text and graphics help the reader to quickly establish the location and organization of your information, and increase the overall legibility of your pages. Patchy, heterogeneous typography and text headers makes it difficult for the user to see major patterns quickly, and makes it almost impossible to for the user to quickly predict where information is likely to be in located in unfamiliar documents:
Settle on as few heading styles and subtitles as are necessary to organize your content, then use your chosen styles consistently. The fact that HTML provides six levels of headings doesn't mean that you should ever use six levels of headings in a single page. This whole manual of over 60 Web pages uses only two headers; an H2-level page title, and boldface subtitles.
Manipulating text blocksText on the computer screen is hard to read because of the low resolution of today's computer screens, but also because the layout of most Web pages violates one of the most basic rules in book and magazine typography: the lines of text in most Web pages are much too long to be easily read. Magazine and book columns are narrow for physiologic reasons: at normal reading distances the eye's span of movement is only about 8 cm (3 inches) wide, so designers try to keep dense passages of text in columns no wider than reader's comfortable eye span. Wider lines of text require the readers to move their heads slightly, or strain their eye muscles to track over the long lines of text. Unfortunately most Web pages are almost twice as wide as the viewer's eye span, so extra effort is required to scan through those long lines of text. If you want to encourage your Web site users to actually read a document online (as opposed to printing it out for later reading), consider using the "BLOCKQUOTE" or "PRE" HTML tags to shorten the line length of text blocks to about half the normal width of the Web page.
The pages in this manual are laid out using an invisible 2-column table (BORDER="0") to restrict the text line length to about 40 to 60 characters per line. The exact character count is difficult to predict because of the way different browser software and different operating systems display type sizes. In conventional print layout columns of 30 to 40 characters per line are considered ideal, but this seems too sparse to our eyes for Web page layout.
References
White, J. V. 1988. Graphic design for the electronic age. New York: Watson-Guptil.
Wilson, A. 1974. The design of books. Salt Lake City: Peregrine Smith, Inc.
0 komentar:
Posting Komentar