دوستان خسته نباشید
با نام خدا اولین مقاله ی آموزشی در ضمینه ی ارتباط تنگاتنگ گرافیک و زبان های
برنامه نویسی وب و در کل طراحی وب رو شروع میکنم
مثله همیشه موضوعات رو تا حده امکان به زبان ساده و خودمونی مطرح میکنم و از گنده
گویی و کلی گویی به هر نوع در موارد استفاده نمیکنم
ان شالله دوستان با همه سطح معلومات بتونن استفاده لازم رو ببرن:wacko:
سوالی بود مطرح کنید
—————————————————————————–
همه یه شما روزانه از سایت های مختلفی بازدید میکنید و حتما متوجه شدید که بسته به
موضوعه سایت محتوی و گرافیک های به کار رفته در اونها متفاوته
از تغییرات و تنوعه زیان ها و کدهایی که تو برنامه نویسیشون وجود داره بگزریم قسمته
عمده تفاوت ها مربوط به گرافیک ها و آبجکت های به کار رفته در صفحات میشه
طراحی تحته وب هم ماننده همه نوع طراحی های گرافیکیه دیگه هست و شما میتونن با
دونستن و به کار بردنه چند تا اصله کوچیک گرافیک و عکس های خودتون رو برایه نمایش
یا طراحی در وب آماده و منتشر کنید
چون هدفه این مقاله آشنایی مقدماتی هست پس به این موضوعات در آینده میپردازیم
طراحی وب از دوقسمته اصلی تشکیل میشه
1. زبان های برنامه نویسی و چگونگی نمایش آبجکت ها در صفحات
2. مالتی مدیا و گرافیک های به کار رفته در صفحات
مورده اول که در تالاره همسایه بهش پرداخته شده و میشه و خواهدشد!
ولی قسمته دوم که قسمته گسترده ای هم هست شامل تمامیه مواردی از قبیل:
- تصاویره به کار رفته در صفحات
- فلش
- صدا و موضوعات مرتبط
- media players
و …
ما اینجا فعلا با قسمته تصاویر و گرافیک ها کار داریم
برنامه های متداول در گرافیک طراحی وب بسته به کار و 3 بعدی بودن یا 2 بعدی بودنه
اثر ممکنه دامنه یه زیادی داشته باشه
ولی چیزی که متداوله طراحیه 2 بعدی و با استفاده از همین photoshop و imageready یه
خودمونه
از طرفی طراحی 2 بعدی هم همه گیر تره، هم کم هزینه تر و هم از نظر سرعت (که از
مهمترین فاکتورهای طراحی در وب هست) نسبت به 3 بعدی سریعتره
مقدمه بسه بریم سراغه قسمت های مختلفی که ممکنه یه صفحه رو تشکیل بدن
تویه این کار استاندارده خاصی در کار نیس و معمولا حرفه اول و آخر رو طراح میزنه
اونه که میگه چی کجا باشه، در صورته جابجایی به کجا بره ، چه حجمی داشته باشه، چه
اسمی داشته باشه و …
ولی به خاطره اینکه یکپارچه تر در بیاد کارها و هر کسی سر در بیاره از اسمها یه
اسمهایی متداول ترن
یه صفحه وب در حالته افقی از بالا به پایین به ترتیب از این قسمت ها تشکیل میشه:
1. header یا سربرگ یا سرصفحه یا هر چی که دوست دارید بهش بگید نامه انگلیسی ملاک
هستش لوگو و احتمالا شعار و در مواردی منو مربوط یه این قسمت میشن
2.content یا محتوی، قسمتی که مطالبه صفحه توش قرار میگیرن
3.bottom یا زیر صفحه یا …. که پایینه صفحات هست و مواردی مثله publisher,
designer, copyright و … ر و
حالا این اطلاعات به چه درده شما میخوره؟
خومم نمیدونم!:weird:
.
.
.
آهان! شما اگه میخواید در طراحیه قالب به مشکل نخورید و راحت و با خیاله راحت طراحی
کنید که fit صفحتون در بیاد باید مقداری به html آشنایی داشته باشید و از قبل مشخص
کنید که گرافیکتون یا همون فایله psd تون از کجا ها باید بریده شه، کدوم قسمت ها در
قسمته خودشون به صورته loop تکرار بشه یا به قوله خودمونی کــــــــــــــــــش!
بیاد، کدوم قسمت ها با رنگ ها و … جایگزین شه که حجم یه وقت خدایی نکرده بالا
نره! و کلی موارده دیگه که چیزی نیستن که بشه گفت و باید با پشتکارو تجربه دستتون
بیاد
چون خیلی پیش اومده دوستان طراحی کردن در فتوشاپ قشنگ و شکیل بعد گفتن داریوش اینو
چی کارش کنیم که بشه گزاشت تو صفحه! و در اغلبه موارد مجبور شدن که از دوباره طراحی
کنن یا کلی کاره اضافه انجام بدن که اگه از همون اول به فکرش میبودن! دیگه اینقد
پیچ و خم نداشت
از این موارده کلی که بگزریم موضوعاته دیگه ای هم هستن که بعدها توضیح داده میشن
از قبیله:
banner ها
بهینه سازی و کم کردنه حجم ها تا حده ممکن
button و …
کلیه موارده تا به حال رو میشه در این دو خط خلاصه کرد (برایه تنبلا!)
در طراحی وب کم بودنه حجم، استفاده نکردن از گرافیک های زیاد و غیر لازم، پیش بینیه
قسمت های تکرار شونده و ثابت و آشناییه حدودی به HTML حرفه اول رو میزنه!
من نهایته سعیم رو میکنم که موضوعات رو کوتاه بگم که حوصالتون سر نره موقعه خوندن
موفق و موید باشید
حتما کمی و کاستی هایی داره که خوش حال میشم اشاره کنید
در این تاپیک مطلبه دیگری قرار نمیگیره غیر از نظراته شما تا برسیم به تاپیک ها و
آموزشهایه بعد
خودمونیم
ها ضرب الاجلی وقت داشتم و حوصالش رو سر همش کردم رفت
منبع:
http://djh.ir/blog/articles/using-graphics-on-web-designing.djh
