اصول طراحي Header؟

sara4164

New Member
كسي ميتونه اصول طراحي Header براي وب سايت ها رو بهم بگه. طوريكه رو هر مانيتوري با هر رزوليشني فيت بشه
 
آخرین ویرایش:

pouya saadeghi

Active Member
اگه عرض قالب ثابت باشه که اصلا لازم نیست فیت بشه ومی تونید با سایز قالب ، یه هدر درست کنید.
اگه عرض متغییر باشه که میتونید یه لوگو یا هرچیزی رو در سمت چپ ، راست یا وسط قرار بدید و با یه بکگراند مشکل عرض رو حل کنید.
 

GFX Master

مدیر انجمن گرافیک دو بعدی ومسئول فروشگاه
به انجمن مجیدآنلاین خوش اومدید.

برای طراحی هدر این نکته رو بدونید که الان دیگه حداقل رزلوشنی که اکثر مانیتورها ازش استفاده میکنن 768 × 1024 هست.
و دیگه شاید هیچ کس از رزلوشنی مثل 600 × 800 استفاده نکنه!

به همین خاطر شما میتونید عرض هدر رو مثل چیزی بین 800 تا 1000 در نظر بگیرید.

ولی بطور معمول عرض هدر رو برای سایت ها حدود 900 پیکسل در نظر میگیرن.

ولی اگر بخواید طوری کار کنید که توی هیچ رزلوشنی به مشکل برنخورید میتونید کار رو که ما توی انجمن انجام دادیم برای
هدر صفحه ی اول شما هم انجام بدید.

یعنی یه تصویر رو بعنوان هدر اصلی با عرض مثلا بین 600 تا 900 طراحی کنید و بعد در زیر هدر تصویری رو بعنوان پس زمینه
قرار بدید و توی طراحی وب اون تصویر پس زمینه رو Tile کنید.

اینطوری همیشه تصویر هدر اصلی ثابت خواهد بود و اگر احیانا افراد مختلف با رزلوشن های متفاوت وارد سایت شما بشن
این پس زمینه هست که زیاد میشه و بصول معروف تایل میشه و هدر اصلی ثابت است.
 

sara4164

New Member
ممنون بابت راهنماييتون يكي دو مورد Header كه طراحي كردم ببينيد لطفا اينا تو مانيتورهاي مختلف با ابعاد نتفاوت ديده مي شن.

www.womensardabil.ir

www.ictardabil.ir

من Header رو براي سايت هايي كه از CMS استفاده مي كنن طراحي ميكنم پس برنامه نويسي نيست كه دست من باز باشه. فقط يه ابزار ثابتي هست كه Header رو بعد از طراحي به شكلGif يا Jpg تو سايت Add ميكنم.
 

pouya saadeghi

Active Member
این سایت هایی که لینک کردید ، عرض متغییر دارند و با توجه به این که شما امکان برنامه نویسی ندارید و نمیتونید بکگراند رو تایل کنید، باید یه لوگو یا هدر مناسب با رنگ پس زمینه (سفید) بذارید:wink:
 

sara4164

New Member
ممنون از لطف دوستان.

من شنيدم تو فتوشاپ با استفاده از دوتا Pattern ميشه Header رو طوري طراحي كرد كه رزوليشن هاي مختلف Header مي تونه اندازه شو با ابعاد سايت تنظيم كنه

حالا مي خوام بدونم اين چطوري طراحي ميشه؟

تو اين مواقع وقتي مي خوايم عكس رو از فضاي وب ذخيره كنيم سه قسمت ذخيره ميشه.
 

pouya saadeghi

Active Member
شما که گفتید تو CMSتون امکان برنامه نویسی ندارید. پس نمیشه.
برای استرچ کردن عکس ، اگه عرض عکس رو 100% بذارید ، استرچ میشه (البته یکم مسخره میشه - مثل این )

بهترین کار اینه که (همونطور که سارا خانوم گفتن) مثل همین هدر مجیدآنلاین ، یه عکس کوچیک واسه هدر بذارید...
 

almasgraph

Member
ببنيد شما ميتونيد هيدرتون رو جوري طراحي كنيد كه دوطرف سمت راست و چپ اون يه رنگ باشه و از هيچ تلفيق رنكي در اون بكار نرفته باشه و بعد ميتونيد اون يك رنك ثابت رو كه در دوطرف هيدر كار كردين رو از ادامه ي هيدر سايت با رنگ هايي براي مثال رنگ سفيد #ffffff كامل كنيد كه توي هر رزلوشني مرز بين رنگ برنامه نوسي شده و هدر رو تشخيص داده نميشه و طرحتون كامل نمايش داده ميشه چون اگه شما بخواين براي هر رزلوشني طرح فيت صفحه باشه بايد سايز هاي طراحي مختلفي داشته باشين كه اين غير ممكنه چون در مانيتور هاي كوچيك تصوير اگر بنا به فيت بود باشه هيدر كوچيك ميشه و تصوير كيفيتش پايين مياد براي نمايش و بالعكس
 

جدیدترین ارسال ها

بالا