طراحی سایت های تجاری
شرکت پیام آوا پردازش
تایپوگرافی (صفحه آرایی) یکی از بخش‌های پرارزش و ابتکار آمیز/خلاق طراحی سایت است، ولی در مقابل میتواند مایوس کننده ترین مبحث نیز محسوب گردد. برای اکثر طراحان، کار با فقط یک یا دو فونت میتواند به حد کافی چالش برانگیز باشد، با این حال برخی شدیداً خواستار استفاده از سه، چهار و پنج فونت یا حتی بیشتر در طراحیهایشان هستند. برخی افراد در ایجاد سایتهایی با تایپوگرافی پیچیده سرآمد هستند، در حالیکه برخی دیگر به طرز ناراحت کنندهای در این کار شکست میخورند.به خواندن و مطالعه ادامه دهید تا به ترفندها و شگردهای ایجاد طرحهای معرکه و عالی با فونتهای (متون) پیچیده برای وبسایتها پی ببرید، و همینطور نمونه های برجسته از سایتهایی کهاین کار را درست انجام میدهند و آنهایی که این کار اشتباه انجام میدهند.
فونتهای متعدد زمانی در کنار هم مناسب اند که دارای اندازه و نسبت مشابهی باشند. برای مثال، فونتهای Georgia و Verdana شکل مشابهی دارند، گرچه یکی از آنها serif و دیگری sansserif میباشد. همین امر برای فونتهای TimesNewRoman و Arial باریک نیز صدق میکند. به کاراکترهای خاص و همینطور کل کلمات در هر فونتدقت کنید تا به این شباهت پی ببرید.
لزومی ندارد که فونتها دارای اندازه و نسبت مشابه باشند. آنچه که شما باید در جستجوی آن باشید یا فونتهایی هستند که شباهت بسیار زیادی باهم دارند یا فونتهایی که تفاوت بسیار زیادی باهم دارند. بطورکل فونتهایی که از “یک نوع مشابه” هستند، زمانی که در کنار یکدیگر قرار میگیرند، عجیب بنظر میآیند. فونتهایی که مشابه هستند همچنین در اکثر موارد دارای وزن و حجمی مشابه بر روی صفحه نمایش میباشند، در حالیکه فونتهایی که باهم تفاوت دارند، میتوانند برای تاکید بر بخش‌های خاص سایت به راحتی کنار یکدیگر قرار گیرند.
اگر شما از شش فونت مختلف را با ده رنگ مختلف و چهار سبک متفاوت در سایت خود استفاده کنید، احتمالاً فقط سبب میشود بازدیدکنندگان احساس سردرد و سرگیجه داشته باشند (اگر به مدت طولانی در سایت پرسه بزنند). با اینکه لزومی ندارد تنها از یک رنگ یا یک سبک استفاده کنید، ولی بایستی در بکارگیری آنها دقت بیشتری داشته باشید.
تبلیغات
تا جایی که امکان دارد، سعی کنید از رنگهایی استفاده کنید که در میزان فام (ته رنگ) یا خلوص رنگ شباهت داشته باشند. شما میخواهید که رنگها باهم تلفیق شوند نه اینکه مغایرت و ناهماهنگی داشته باشند.
در خصوص سبک فونتها آزادی عمل بیشتری دارید، ولی مطمئن شوید سبکهایی که انتخاب میکنید با حجم موجود و تاکید فونتهای ویژه انتخاب شده هماهنگی داشته و معقول بنظر برسند. همچنین میتوانید فونت سنگینتر را مورب (italic) کنید تا کمی از وزن آن بکاهید، یا یک برچسب محکمی به یک فونت سبکتر بیافزایید تا بتوانید آن را با فونتهای سنگینتر بر روی صفحه وبتان همساز و هماهنگ کنید.
زیرخط دار کردن فونتها، هم بر فونتهای سبک و هم بر فونتهای سنگین تاکید میکند، بدون اینکه آنها را از آنچه که بودند سنگینتر جلوه دهد.
به این مبحث قبلاً کمی اشاره شد، ولی طبیعتاً بایستی به اولویت و اهمیتی که برخی فونتها دارند توجه داشت. برخی فونتها نسبت به برخی دیگر، توجه بیشتری را به خودشان جلب میکنند. این امر به این دلیل است که استفاده از فونتهای متعدد هم بطور شگفت انگیزی جالب بوده و هم خوب از آب درآوردن آن بسیار کار سختی است.شما میتوانید به چند روش فونتهای سنگینتر یا سبکتر را متعادل سازید. رایجترین روش افزایش یا کاهش اندازه فونت است. همچنین بکارگیری سبکها و تزیینات مختلف برای فونت (مورب، ضخیم، زیرخط دار و غیره)، به تاکید بر اکثر فونتها یا کاهش تاکید بر آنها کمک میکند.
تغییر رنگ یک فونت نیز میتواند مفید و کارساز باشد. اگر صفحه آرایی شما عمدتاً سیاه است، افزودن سایههای خاکستری برای کم کردن تاکید بر بخش‌های خاص، نتیجه واقعا خوبی در بر دارد. در واقع، خاکستری کردن متون خاص حتی وقتی طرح شما رنگارنگ باشد نیز کارساز است (برای یکدست کردن چیزها، مطمئن شوید که رنگ خاکستری تنها دارای مقدار کمی از یکی از رنگهای اصلی در تایپوگرافی شما میباشد).
فونتهای یکسان فریب دهندهاند. برای مثال، استفاده از فونتی نظیر Georgia و Garamond دقیقا در کنار یکدیگر، کاربرد زیادی نداشته و میتواند سبب شود یکی از فونتها یا هر دو کمی غیرمعمول بنظر برسند. افراد غیر طراح زیادی هستند که در واقع تفاوتهای بین فونتها را درک نکرده و تصور میکنند که آنها فقط عجیب به نظر میآیند ـ نه کاملاً درست. این توصیف را میتوان در رابطه با فونتهای Verdana و Tahoma یا Arial و Helvetica نیز بکار برد.
با اینکه استفاده از صفحه آرایی شیک میتواند در راهنما، سرصفحهها و دیگر بخش‌های سایت شما واقعا مفید باشد، ولی متن اصلی در قطعههای بزرگ با رویههای متعدد سازگاری ندارد.از یک رویه استفاده کنید و ترجیحاًبرای کل سایت. فونتی را بکار گیرید که به راحتی قابل خواندن بوده و همچنین از نظر نسبت و حجم با دیگر فونتهای موجود در سایت شما مطابقت داشته باشد.
ما در رابطه با اینکه سبکهای مختلف و تزیینات فونت تا چه اندازه میتواند اولویت و اهمیت عوامل مختلف صفحه آرایی را تغییر دهد، سخن گفتیم. اما چیزی که بسیاری از طراحان از آن چشم پوشی میکنند، استفاده از سبکها، اندازهها و تزیینات مختلف برای دستیابی به ظاهر یک صفحه آرایی ترکیبی است درحالیکه همچنان کاملاً با فونتهای مناسب برای وب سروکار دارند. این تکنیک همچنین برای طراحانی که به تازگی شروع به کار با صفحه آرایی وب کردهاند، عالی میباشد، به این خاطر که این تکنیک بسیاری از مسائل رایج مربوط به اندازه و نسبت بین رویههای مختلف را رفع میکند. سبکهای مورب، ضخیم، حروف کوچک، حروف بزرگ و دیگر سبکها را در فونتهای یکسان باهم ترکیب کنید تا به رویههای ترکیبی دست یابید، بدون اینکه دچار سردرد و سرگیجه شوید.
این موضوع احتمالاً مهمترین قسمت این لیست است. هر زمان که در حال طراحی چیزی هستید، باید اغلبیک قدم از آن دور شده و به کل تصویر نگاهی بیاندازید. اگر چیزی بنظرتان خوب نبود یا احساس خوبی درباره آن نداشتید، آن را حذف کنید.
صفحه آرایی از این قاعده مستثنی نیست. اگر یک فونت خاص بکارتان نیامد، بایستی حذفش کنید. در اینگونه موارد، شما دو انتخاب دارید: آن فونت را حذف کرده و از فونت دیگری که بهتر است استفاده کنید، یا اینکه کل فونتهای دیگر را کنار گذاشته و به دنبال فونتهایی باشید که با آن فونتی که ایجاد مشکل کرد همخوانی داشته و بهتر به نظر بیاید. تصمیمی که میگیرید، به فونتی که بیشتر به آن دلبستگی دارید (بیشتر با آن سروکار دارید) بستگی دارد.
نمونههایی از صفحه آراییهای عالی و فوق العاده
در اینجا مجموعهای از سایتهایی را مشاهده میکنید که از فونتهای متعدد بطور فوق العادهای استفاده کردهاند. اکثر آنها بین سه تا پنج فونت را بکار بردند، و اغلب اوقات به روشی بسیار خلاقانه (حداقل در یک مورد است که & در عنوان با فونتی متفاوت با دیگر بخش‌های سایت نوشته شده است).
