راهنمایی در مورد طراحی قالب

[The Gladiator]

سلام

ببخشید میشه یه راهنمایی کلی بکنید گرافیک کلی مثل این سایت رو چطوری می زنند؟ نمی دونم سوالم رو چطوری بگم بی زحمت هر چی در مورد گرافیک یه سایت هایی مثل این به نظرتون میرسه بگید بی زحمت

ببینید کاری ندارم که تم آماده است یه هر چیز دیگه خود طراحی برایم مهمه که چجوری انجام شده؟؟؟ :d

http://www.zarinmase.com/

ممنون

 

[The Gladiator]

فکر کنم سوالم رو اینطوری بگم بهتره....

برای تبدیل شدن به یک طراح سایت (نه کد نویس فقط طراحی) چجوری باید اقدام کرد؟؟

دوره خاصی داره که باید گذروند یا خودم باید کار کنم؟؟؟؟

چجوریاس؟؟

 

[Webber]

سلام
يه مقدار يا كمي بيشتر اطلاعات در مورد فتوشاپ و كمي هم خلاقيت.البته براي اينكه به جاي قالب يك پوستر طراحي نكنيم،بايد كمي هم دقت كرد.همين

موفقيت

 

[mirzayi]

سلام.
در واقع شما میخوای طراحی قالب رو یاد بگیری. اولین رکن اساسی اون اینه که HTML بلد باشی یا لاقل Frontpage رو حرفه ای بتونی کار کنی. بعدشم که فتوشاپیست باشی . البته گذشته از اینها در کل طراحی یه ذوق هم میخواد. جون طراحی یک هنره.

 

[The Gladiator]

ممنون زحمت کشیدید

ولیmirzayi عزیز، من تا حد نسبتا خوبی با html,css,dreamweaver آشنایی دارم و باهاشون کار می کنم ولی مشکلم اینه که نمی تونم

صفحه ای که میسازم نمی تونم توی نرم افزار های طراحی وب مثل Dream weaver پیاده سازی کنم

یه مجهول بزرگ تو ذهنمه:

وقتی ما توی فتوشاپ قالبی رو می زنیم اصولا به نظرم باید کل صفحه slice زده بشه برای استفاده در صفحه وب

ولی وقتی مثلا من فایل های یه صفحه وب رو می بینیم فقط شامل چند تا فایل عکس کوچولو از مثلا دور کادر هایی هست که دور

گرد هستند

در حالی که متوجه نمیشم

1) وقتی slice زده نشده چطوری اون عکس طراحی شده ما با چند تا عکس کوچولو لود میشه؟؟

2) اولا چطوری باید اونها با چه تکنیکی باید از فایل فتوشاپیش جدا کردو بعدش توی قالب html و وب به کار ببرم ؟؟

 

[Erfan]

پیشنهاد من شرکت در چند جلسه کلاس های خصوصی طراحی وب (اچ تی ام ال و سی اس اس) که دو لایه اصلی وب هست.

اطلاعات بیشتر خواستی پی ام خصوصی بزن .



عرفان

 

[mirzayi]

ممنون زحمت کشیدید

ولیmirzayi عزیز، من تا حد نسبتا خوبی با html,css,dreamweaver آشنایی دارم و باهاشون کار می کنم ولی مشکلم اینه که نمی تونم

صفحه ای که میسازم نمی تونم توی نرم افزار های طراحی وب مثل Dream weaver پیاده سازی کنم

یه مجهول بزرگ تو ذهنمه:

وقتی ما توی فتوشاپ قالبی رو می زنیم اصولا به نظرم باید کل صفحه slice زده بشه برای استفاده در صفحه وب

ولی وقتی مثلا من فایل های یه صفحه وب رو می بینیم فقط شامل چند تا فایل عکس کوچولو از مثلا دور کادر هایی هست که دور

گرد هستند

در حالی که متوجه نمیشم

1) وقتی slice زده نشده چطوری اون عکس طراحی شده ما با چند تا عکس کوچولو لود میشه؟؟

2) اولا چطوری باید اونها با چه تکنیکی باید از فایل فتوشاپیش جدا کردو بعدش توی قالب html و وب به کار ببرم ؟؟

ببین دوست عزیز. بزار من یه راهنمایی کلی بکنم. من طراح گرافیک شرکت عصر رایانه هستم . تا حالا بیش از 50 - 60 تا قالب طراحی کردم که تعدادی از اونارو میتونی تو سایت http://www.megatarh.com ببینی. ولی اون چیزی که میخوام بگم اینه که هیچ کدوم از قالبها رو بصورت کامل توی فتوشاپ طراحی نکردم و بعد تکه تکه کنم، در واقع از یک صفحه سفید توی Frontpage کارم رو شروع می کنم و یا یه صفحه سفید با نوشتن کدهای HTML .
به نظرم شما هم اینجوری شروع کن. یه صفحه سفید توی Frontpage باز کن بعد Table هایی رو که میخوای توش قرار بده و بعد توی Table هات کار کن. یعنی مثلا بک گراند بده بهشون، هر جا لازمه عکس بذار توشون،هیدرتو بذار و ...
این ساده ترین راه طراحی یک صفحه HTML هستش.

 

[The Gladiator]

ببین دوست عزیز. بزار من یه راهنمایی کلی بکنم. من طراح گرافیک شرکت عصر رایانه هستم . تا حالا بیش از 50 - 60 تا قالب طراحی کردم که تعدادی از اونارو میتونی تو سایت http://www.megatarh.com ببینی. ولی اون چیزی که میخوام بگم اینه که هیچ کدوم از قالبها رو بصورت کامل توی فتوشاپ طراحی نکردم و بعد تکه تکه کنم، در واقع از یک صفحه سفید توی frontpage کارم رو شروع می کنم و یا یه صفحه سفید با نوشتن کدهای html .
به نظرم شما هم اینجوری شروع کن. یه صفحه سفید توی frontpage باز کن بعد table هایی رو که میخوای توش قرار بده و بعد توی table هات کار کن. یعنی مثلا بک گراند بده بهشون، هر جا لازمه عکس بذار توشون،هیدرتو بذار و ...
این ساده ترین راه طراحی یک صفحه html هستش.

طرح ها واقعا زیبا بودن

از ایده ای هم که بهم دادید ممنونم

نمی دونم یه چیزی توی ذهنم هست که می خوام بپرسم نمی تونم بگم یعنی به زبونم نمیآد

در اولین فرصت می پرسم ازتون

ممنون لطف کردید.....

 

[Erfan]

ببین دوست عزیز. بزار من یه راهنمایی کلی بکنم. من طراح گرافیک شرکت عصر رایانه هستم . تا حالا بیش از 50 - 60 تا قالب طراحی کردم که تعدادی از اونارو میتونی تو سایت http://www.megatarh.com ببینی. ولی اون چیزی که میخوام بگم اینه که هیچ کدوم از قالبها رو بصورت کامل توی فتوشاپ طراحی نکردم و بعد تکه تکه کنم، در واقع از یک صفحه سفید توی Frontpage کارم رو شروع می کنم و یا یه صفحه سفید با نوشتن کدهای HTML .
به نظرم شما هم اینجوری شروع کن. یه صفحه سفید توی Frontpage باز کن بعد Table هایی رو که میخوای توش قرار بده و بعد توی Table هات کار کن. یعنی مثلا بک گراند بده بهشون، هر جا لازمه عکس بذار توشون،هیدرتو بذار و ...
این ساده ترین راه طراحی یک صفحه HTML هستش.

اگه خدا قبول کنه منم یه 5 سالی هست طراح گرافیک و وب هستیم یعنی بودم:دی سایت هم زیاد طراحی کردم ...

خوشحالم شما رو اینجا میبینم.



عرفان

 

[mirzayi]

اگه خدا قبول کنه منم یه 5 سالی هست طراح گرافیک و وب هستیم یعنی بودم:دی سایت هم زیاد طراحی کردم ...

خوشحالم شما رو اینجا میبینم.



عرفان

خوشبختم

 

[maxpelank]

با سلام خدمت دوستان

من مشکلات شما رو این جوری دیدم :

- نمی دونید چه طور طرح خودتون رو از حالت psd خارج کنید و به قالب تبدیل کنید
برای این منظرو شما باید ابتدا با کد های اچ تی ام ال و سی اس اس خوب وارد باشید و بدونید چگونه و چه طور از اون ها استفاده کنید تا با کمترین عکس و با کمترین حجم قالب در بیاد .
توصیه می کنم در این زمینه نمونه سایت های مختلف رو خوب بررسی کنید تکنیک های زیادی رو یاد می گیرید و می تونید تکنیک های زیادی رو هم خودتون ایجاد کنید .

مثلا من تازگی ها یاد گرفتم چه طور به جای استفاده از فایلهای png شفاف که معمولا با ای ایی مشکل دارند طرح هاش شفاف و شیشه ای بسازم .

این ها همه بر می گرده به تجربه و پشتکار شما .

مشکل بعدی که رد پست های شما دیدم :

- چه طور یک طرح بزنیم

در این مورد شما باید با محتوای سایت و سیستم که با اون کار می کنید کاملا اشنایی داشته باشید و هم چنین با محتوا و کارکرد سایت اشنا باشید و بعد با سلیقه خودتون و ابتکار یک طرح بزنید .

که این هم بر می گرد به تجربه و سلیقه و ..

در مورد این که چه طور میشه با عکس های کم یک قالب می سازند این خودش یک تکنیک که شما با دادن repeat-x & repeat-y به بگراند ها می تونید با کمترینم تعداد و حجم تصویر قالب رو پیاده کنید .

امید وارم این جواب ها همون هایی باشند که شما می خواستید .

با تشکر

 

[The Gladiator]

با سلام خدمت دوستان

من مشکلات شما رو این جوری دیدم :

- نمی دونید چه طور طرح خودتون رو از حالت psd خارج کنید و به قالب تبدیل کنید
برای این منظرو شما باید ابتدا با کد های اچ تی ام ال و سی اس اس خوب وارد باشید و بدونید چگونه و چه طور از اون ها استفاده کنید تا با کمترین عکس و با کمترین حجم قالب در بیاد .
توصیه می کنم در این زمینه نمونه سایت های مختلف رو خوب بررسی کنید تکنیک های زیادی رو یاد می گیرید و می تونید تکنیک های زیادی رو هم خودتون ایجاد کنید .

مثلا من تازگی ها یاد گرفتم چه طور به جای استفاده از فایلهای png شفاف که معمولا با ای ایی مشکل دارند طرح هاش شفاف و شیشه ای بسازم .

این ها همه بر می گرده به تجربه و پشتکار شما .

مشکل بعدی که رد پست های شما دیدم :

- چه طور یک طرح بزنیم

در این مورد شما باید با محتوای سایت و سیستم که با اون کار می کنید کاملا اشنایی داشته باشید و هم چنین با محتوا و کارکرد سایت اشنا باشید و بعد با سلیقه خودتون و ابتکار یک طرح بزنید .

که این هم بر می گرد به تجربه و سلیقه و ..

در مورد این که چه طور میشه با عکس های کم یک قالب می سازند این خودش یک تکنیک که شما با دادن repeat-x & repeat-y به بگراند ها می تونید با کمترینم تعداد و حجم تصویر قالب رو پیاده کنید .

امید وارم این جواب ها همون هایی باشند که شما می خواستید .

با تشکر

ممنون به گیرایی تون اطمینان داشته باشید چون دقیقا خواست های من رو جواب دادید

ممنون

 

[hashie]

چه کارت پستال هایی برای خودشون میفرسن !!! (بعضی ها)

این چیزی که شما دنبالش هستید میشه optimize کردن تصاویر ،

که هم سایت ساختار خیلی حرفه ای تری پیدا میکنه،

و هم سرعت سایت به شدت میاد بالا ..


حالا یه مثال :

فرض کن چنین بنری رو می خواید بسازید :



این الان حجمش 32 kb هست،

حالا می آیم یه جدول می سازیم و عکس زیر رو تو پس زمینه تکرار می کنیم :

و در آخر این عکس رو روش اضافه می کنیم :



حالا جمعاً حجمش شد 4 kb !!!!

امیدوارم مفید بوده باشه ....