95 درصد از اطلاعات درون یک طراحی سایت زبان نوشتاری است. منطقی است که بگوییم یک طراح سایت بایستی در رابطه با اصول و قوانین اساسی شکلگیری اطلاعات نوشتاری، به عبارتی دیگر صفحه آرایی ( تایپوگرافی )، آموزش لازم و کافی دیده باشد.
پیشتر در سال 1969، چاپچی (حروفچین) مشهور سوئیسی، امیل رودر، به نمایندگی از اطلاعات چاپی هم عصر خود که به آسانی میتوانیم در رابطه با وب سایتهای خود بگوییم، اینگونه نوشت:
این روزها ما در چنان سیل عظیمی از اوراق چاپی غرق شدیم که یک کار فردی بی ارزش و ناچیز جلوه داده میشود، چون هم عصران به ستوه آمده ما نمیتوانند به آسانی هرچیزی را که امروزه چاپ میشود، به دست آورند. این وظیفهی حروفچین است تا این حجم از اوراق چاپی را دسته بندی، ساماندهی و تفسیر کند، بطوری که برای خواننده فرصتی مطلوببرای یافتن آنچه که مورد علاقه وی میباشد، ایجاد گردد.
با قدری نوآوری و ابتکار (جایگزینی چاپ با عمل آنلاین) این امر شبیه به توصیف شغل یک طراح اطلاعات میشود. وظیفه ی یک طراح اطلاعات است تا "این حجم از اوراق چاپی را دسته بندی، ساماندهی و تفسیر کند، بطوری که برای خواننده فرصتی مطلوب برای یافتن آنچه که مورد علاقه وی میباشد، ایجاد گردد."
صفحه آرایی بزرگ و طولانی (ساختار متنی کلی) در مقابل صفحه آرایی کوچک (جنبههای جزئی تایپ و فاصله گذاری) به تمامی جنبه هایی که ما امروزه آنها را"طرح اطلاعات" مینامیم میپردازد. اینطور که گفته میشود، طراحان اطلاعات این روزها همان کاری را انجام میدهند که حروفچینها 30 سال پیش انجام میدادند.
صفحه آرایی دارای یک کارایی آشکار و صریح میباشد و آن انتقال اطلاعات بصورت نوشتار است. هیچ عامل یا دلیلی نمیتواند صفحه آرایی را از این کارایی معاف سازد.یک کار چاپی که نتوان آن را خواند مانند یک اثر و نتیجه بدون هدف میباشد.
فکر کنم باید به این نکته هم توجه ویژه داشته باشید که تایپوگرافی برای هر سایت باید با توجه به ماهیت همان سایت انجام شود برای مثال تایپو گرافی برای یک سایت فروشگاهی بای یک سایت شرکتی باید کاملا مسیر متفاوتی را طی کند.
بهسازی صفحه آرایی یعنی بهبود خوانایی، قابلیت دسترسی، قابلیت استفاده و تعادل کلی تصویری (گرافیکی).تنظیم قالبهای متنی و ترکیب آنها با تصاویر، کاری نیست که طراحان گرافیکی، متخصصان کاربردپذیری و سازندگان اطلاعات در صدد انجام آن میباشند؟ بنابراین چرا این موضوعی است که نادیده گرفته شده است؟
فونتهای بسیار کم؟ رزولوشن بسیار پایین؟
بحث اساسی در برابر اصول حروفچینی آنلاین، وجود فونتهای بسیار کم است. بحث دوم رزولوشن تصویر بسیار پایین آن است که باعث میشود در وهله اول فونتهای پیکسلییا ضد ساختگی به سختی خوانده شوند.
بحث در رابطه با نداشتن فونت کافی نامربوط به طرز قرارگیری ما است: در طول رنسانس ایتالیا، حروفچینها تنها از یک فونت استفاده میکردند ولی با این حال در این دوره برخی از زیباترین اثرهای صفحه آرایی تولید میشد.
حروفچین نباید برای نوع فونتهایی که در اختیار دارد اهمیت زیادی قائل شود. در واقع انتخاب فونت نباید دغدغه اصلی وی باشد. او باید از آنچه که در همان زمان موجود است استفاده کرده و به بهترین نحو از آن بهره ببرد.
انتخاب یک رویه (سبک حرف) صفحه آرایی نیست
بحث دوم بهتر از قبلی نیست. در آغاز چاپ، کیفیت حروف چاپی بدتر از آن چیزی بود که ما امروزه بر روی صفحه نمایش مشاهده میکنیم. از همه مهمتر، اگر بطور حرفهای مدیریت شود، فونتهای روی صفحه نمایش بسیار خواناتر هستند.
طراحی اطلاعات، به استفاده از رویههای خوب اطلاق نمیشود، بلکه به استفاده از صفحه آرایی مطلوب گفته میشود، که تفاوت بزرگی است. هر کسی میتواند از رویه (سبک حرف) استفاده کند، برخی افراد میتوانند رویههای خوبی را انتخاب کنند، ولی تنها عده کمی در صفحه آرایی استاد هستند.
با متن همانند یک رابط کاربری رفتار کنید
بله، چگونگی ارائه فونتها توسط سیستم عاملها و مرورگرهای مختلف امری آزار دهنده است و همچنین مسئله/موضوع رزولوشن باعث میشود که تمرکز بیش از 5 دقیقه سخت و مشکل شود. ولی خب، کسب اطمینان از اینکه متنها بر روی تمامی مرورگرها و سیستم عاملها به آسانی و به خوبی خوانده شوند، بخشی از شغل و حرفه یک طراح وب است. راهنمایی صحیح، فاصله گذاری حروف و کلمات، فضای سفید فعال و استفادهی تعیین شده از رنگ، به خوانایی کمک میکند. اما این کل ماجرا نیست. یک طراح حرفه ای میداند که چگونه با متن کار کند، نه فقط بعنوان یک محتوا، او با متن بعنوان یک رابط کاربری رفتار میکند. نگاهی به وب سایت خویی وین بیندازید، و احتمالا در مییابید که مفهوم این امر چیست:
برخی وب سایتهای معروف دیگری که با متن بعنوان رابط کاربری رفتار میکنند عبارتند از:
google، ebay، craigslist، youtube، flickr، Digg، reddit و delicious.کنترل و مدیریت صفحه آرایی تنها یک الزام در طراحی بنیادی و پایهای نیست، علم به اینکه چگونه با یک متن به عنوان رابط کاربری رفتار شود عاملی مهم برای طراحی سایت موفق یک صفحه وب میباشد. وب سایتهای موفق در صدد ایجاد یک رابط ساده و یک هویت و همسانی قدرتمند بطور همزمان میباشند. اما این مقولهی دیگری است.
از کجا باید شروع کرد:
به منظور کاهش برخی داستانهای ساختگی پیرامون صفحه آرایی در وب، او وب سایت خود را ایجاد کرد تا بر طبق اصول کاری برینگهرست عمل کرده، و چگونگی تحقق و دستیابی به تکنیکهای مورد استفاده موجود در HTML و CSS را شرح دهد.
5 گام ساده برای صفحه آرایی بهتر
نوع صفحه آرایی که او درخصوص آن سخن میگوید، صفحه آرایی معمول شما، "چه فونتی را باید استفاده کنم" نیست. برای آنهایی که به وب سایتها اطمینان دارند، یک خواندن مطلوب وقتی کاربردپذیر است که اندازه فونت و فاصله خطوط را در حالت پیش فرض قرار دهند در حالیکه اجازه دهند پهنای متن تا هرجایی گسترش یابد.
خویی وین :
بنیانگذار مشترک طراحی رفتار. در حال حاضر مدیر طراحی در NYTimes.com میباشد و مردی بسیار با استعداد و خوش قریحه.
راد گریوز :
طراح ارتباطات. کار برجسته و جالب توجه: صفحه آرایی برای من فعالیتی بی حتمی و بی چون و چرا است. شبکههای صفحه آرایی و سلسله مراتبی معمولا بنیاد و پایه و اساس زبان بصری که آن را ایجاد کردم شکل میدهند.
یک فهرست جدا
ارتباط از طریق رویه. فونتها و لایهها. طراحی برای خوانندگان. خوانایی. رویه ها، طراحی گرافیکی. مشکلات صفحه آرایی در طراحی وب سایت . کنترل و مدیریت صفحه آرایی: اندازه، فونت، رنگ. روشهای CSS، مشکلات مرورگر، مشکلات کاربر و راهحلها. حتما مطمئن شوید که این مقاله را نیز میخوانید.
دسته :