سوال: جایی که بشه ازش برای طراحی قالب ایده گرفت [بایگانی]

idocsidocs

پنج شنبه 23 تیر 1390, 18:22 عصر

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

با توجه به مشغله کار نمی تونیم برای هر قالب بشینیم و فکر کنیم که چی خوبه، چه قشنگه و چی به چی می یاد !

جایی سراغ ندارید که بشه برای طراحی قالب ازش ایده بگیریم؟ مثلا برای قالبی که برای شرکت ساختمانی، داروخونه، مدرسه و ... توش سرچ کنیم و قالبها و ایده ها رو ازش بگیریم؟

ghasemweb

جمعه 24 تیر 1390, 23:26 عصر

htmldrive.net

idocsidocs

شنبه 25 تیر 1390, 00:16 صبح

htmldrive.net
یکم در مورد این سایت توضیح می دید؟ چون همه چی توش هست.

J.Masomi

شنبه 25 تیر 1390, 01:05 صبح

اگر میخواهید نمونه کارهای زیبا و جدید با آخرین متدهای طراحی سایت را ببینید به سایت http://www.smashingmagazine.com (http://www.smashingmagazine.com/) مراجعه کنید.

ghasemweb

شنبه 25 تیر 1390, 01:38 صبح

اگر میخواهید نمونه کارهای زیبا و جدید با آخرین متدهای طراحی سایت را ببینید به سایت http://www.smashingmagazine.com (http://www.smashingmagazine.com/) مراجعه کنید.

لینک مشکل داره لطفا اصلاح کنید!!!

idocsidocs

شنبه 25 تیر 1390, 10:13 صبح

اگر میخواهید نمونه کارهای زیبا و جدید با آخرین متدهای طراحی سایت را ببینید به سایت http://www.smashingmagazine.com (http://www.smashingmagazine.com/) مراجعه کنید.
این سایت هم که انگار تحریم کرده !

colors

شنبه 25 تیر 1390, 11:30 صبح

درود

این لینکرو برو http://coding.smashingmagazine.com/tag/css/

ParsaNM

شنبه 25 تیر 1390, 11:35 صبح

يعني فقط همين 2 تا سايت هست ...!
چيز ديگه اي نيست ؟

idocsidocs

شنبه 25 تیر 1390, 12:05 عصر

درود

این لینکرو برو http://coding.smashingmagazine.com/tag/css/
این لینک همش ارور 403 و دسترسی غیر مجاز می ده.

colors

شنبه 25 تیر 1390, 13:16 عصر

این لینک همش ارور 403 و دسترسی غیر مجاز می ده.

نمیدونم من الان دارم ازش استفاده میکنم همین لینک!!
اگه **** شکن چیزی داری فعال کن ببین درست میشه.

amirv60

سه شنبه 28 تیر 1390, 19:13 عصر

www.templatemonster.com (http://www.templatemonster.com)

golnouri

سه شنبه 28 تیر 1390, 22:03 عصر

تجربه هایی که تو این چند سالی که درمورد طراحی وب سایت فعالیت می کنم بدست آوردم که براتون می نویسم:

1) موضوع و کاربرد سایت رو فدای ظاهر سایت نکنید.
2) ملاک زیبا بودن یک سایت در درجه اول استاندارد بودن اون سایته.
3) هر رنگی با با گروه رنگی خودش هارمونی داره.
4) ملاک زیبا بودن یک سایت در درجه ی بعدی تراز بودن موارد در درونشه.
و ...
که اگه تمیل داشته باشید توضیح میدم.

اما مهمتر از همه همون طراحی استاندارد اون سایته.
سایتهای ایرانی زیادی وجود نداره که استاندارد باشه (از دید من) اما مثلا این سایت واقعا مهندسی سازه:
radcom.ir

idocsidocs

سه شنبه 28 تیر 1390, 23:12 عصر

تجربه هایی که تو این چند سالی که درمورد طراحی وب سایت فعالیت می کنم بدست آوردم که براتون می نویسم:

1) موضوع و کاربرد سایت رو فدای ظاهر سایت نکنید.
2) ملاک زیبا بودن یک سایت در درجه اول استاندارد بودن اون سایته.
3) هر رنگی با با گروه رنگی خودش هارمونی داره.
4) ملاک زیبا بودن یک سایت در درجه ی بعدی تراز بودن موارد در درونشه.
و ...
که اگه تمیل داشته باشید توضیح میدم.

اما مهمتر از همه همون طراحی استاندارد اون سایته.
سایتهای ایرانی زیادی وجود نداره که استاندارد باشه (از دید من) اما مثلا این سایت واقعا مهندسی سازه:
radcom.ir
خوشحال می شم که همه نکاتی که بر حسب تجربه بهشون رسیدید رو توضیح بدید.

البته با فایر باگ این سایت رو تست کردم، تعداد درخواستهایی که به سرور ارسال می شه 115 تا، حجم کل صفحه 2 مگ و زمان لود شدنش 1 دقیقه بود ! این آمار زیاد نیستن؟

golnouri

سه شنبه 28 تیر 1390, 23:55 عصر

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

البته با فایر باگ این سایت رو تست کردم، تعداد درخواستهایی که به سرور ارسال می شه 115 تا، حجم کل صفحه 2 مگ و زمان لود شدنش 1 دقیقه بود ! این آمار زیاد نیستن؟

دلیل زیاد بودن آمارهایی که دادید به دلیل ماهیت سایت و همچنین چگونگی طراحی هسته ی اصلی این سایته.
اما معماری کلی سایت کاملا اکادمیک و حرفه ای و همچنین زیباست.

golnouri

چهارشنبه 29 تیر 1390, 00:16 صبح

1.در ابتدای طراحی وب سایتمون باید موضوعش و مشخص کنیم. با اینکه این امر خیلی بدیهیه اما باور کنید خیلی از سایتهایی فارسی موضوعی مشخص ندارن.
(فکر می کنم اگه سایت گوگل برای ما ایرانی ها بود در کنارش خرید و فروش مسکن رو هم راه می نداختیم! چون اصولا به موضوع توجهی نداریم) ++ موضوع

2.بسته به نوع موضوع باید ابزار مناسب رو انتخاب کنیم.
(برای مثال موضوع سایت شما معرفی یک شخصه که ظاهر بسیار مهم و برنامه نویسی تحت سرور کاربرد چندانی ندارد پس در نتیجه ابزار طراحی متفاوته مثلا Adobe Flash cs5)

3.تجزیه و تحلیل کردن سایت
(این مبحثی نیست که بخواهم تو این پست توضیح بدم فقط یادمون باشه تجزیه و تحلیل کردن با الگوریتم فرق داره)
من خودم این کار و با نرم افزار IBM rational rose می کنم (بسیار پر کاربرد)

4.اصولا یه سری استاندارد وجود داره که باید یا به شکل آکادمیک و یا ... اونها رو یاد بگیریم.
از فونت سایت گرفته که مثلا باید tahoma باشه تا حتی tabIndex های لینکها و ... برای مثال تو بخش "تماس با ما" کاربر می خواهد سری یه سری اطلاعات مختصر و وارد کنه و بره، اونجا نباید nتا textbox وجود داشته باشه برای گرفتن اطلاعات مختلف. مثلا تو سایتمون ابزار مهمی رو نباید به وسیله ی چیزی طراحی کنیم که شاید در سیستم کاربر بالا نیاد. مثلا از FlashButtonها و ...
این و یادمون باشه هرچه سایتمون ساده تر و واضح تر باشه بسیار حرفه ای تره و مطمئن باشید کاربرها هم لذت می برن از استفاده از سایتتون مثلا: www.maryamsoft.com (http://www.maryamsoft.com)
اما مثلا سایت پر محتوای tebyan.net رو ببینید؛ بسیار بـــــد ++ در طراحی. (نمونه ی بارز یک سایت جهان سومی)
یکی از اون سایتهای استاندارد:
www.parseek.com (http://www.parseek.com)
یه جوری سایتتون و کد نویسی کنید که اگه حتی اگه کسی سورس html اون و دید لذت ببره.

4.نمای گرافیکی سایت:
از استفاده از کدهای css درست خیلی در طراحی سایت مهمه. (همه چیز تو سایتتون باید دیده بشه)
تو رنگ بندی سایت سعی کنیم هر رنگی رو با رنگ کم رنگ خودش فیکس کنیم.

بچه ها شبکه ی BBE Persian رو دیدید؟ از گرافیک و انیمیشن این شبکه لذت می برم. (از فونت گرفته تا ...)
اگه به ما ایرانی ها بود می گفتیم قرمز هم شد رنگ !
سعی کنید حتی در طرح بندی border سایت هم دقت کنید که خشن نشون داده نشه و ...
برای مثال یک image می خواهید بذارید زیر تاپ منوهاتون. سعی کنید به شکلی این کار و بکنید که منوها دیدهه بشه. تاپ منوهای این سایت و ببینید: www.paytakhtcomputer.com (http://www.paytakhtcomputer.com)

5. تو برنامه نویسی سایتتون سعی کنید کاری انجام بدید که موضوع سایت به درستی انجام بشه باهاش.

اینا رو برای برنامه نویس ها و طراحان وب سایت گفتم و اگه از CMS (جوملا و یا ...) استفاده کنید اینها زیاد به دردتون نمی خوره.
اگه براتون مفید باشه باز می نویسم.

idocsidocs

چهارشنبه 29 تیر 1390, 01:00 صبح

1.در ابتدای طراحی وب سایتمون باید موضوعش و مشخص کنیم. با اینکه این امر خیلی بدیهیه اما باور کنید خیلی از سایتهایی فارسی موضوعی مشخص ندارن.
(فکر می کنم اگه سایت گوگل برای ما ایرانی ها بود در کنارش خرید و فروش مسکن رو هم راه می نداختیم! چون اصولا به موضوع توجهی نداریم) ++ موضوع

2.بسته به نوع موضوع باید ابزار مناسب رو انتخاب کنیم.
(برای مثال موضوع سایت شما معرفی یک شخصه که ظاهر بسیار مهم و برنامه نویسی تحت سرور کاربرد چندانی ندارد پس در نتیجه ابزار طراحی متفاوته مثلا Adobe Flash cs5)

3.تجزیه و تحلیل کردن سایت
(این مبحثی نیست که بخواهم تو این پست توضیح بدم فقط یادمون باشه تجزیه و تحلیل کردن با الگوریتم فرق داره)
من خودم این کار و با نرم افزار IBM rational rose می کنم (بسیار پر کاربرد)

4.اصولا یه سری استاندارد وجود داره که باید یا به شکل آکادمیک و یا ... اونها رو یاد بگیریم.
از فونت سایت گرفته که مثلا باید tahoma باشه تا حتی tabIndex های لینکها و ... برای مثال تو بخش "تماس با ما" کاربر می خواهد سری یه سری اطلاعات مختصر و وارد کنه و بره، اونجا نباید nتا textbox وجود داشته باشه برای گرفتن اطلاعات مختلف. مثلا تو سایتمون ابزار مهمی رو نباید به وسیله ی چیزی طراحی کنیم که شاید در سیستم کاربر بالا نیاد. مثلا از FlashButtonها و ...
این و یادمون باشه هرچه سایتمون ساده تر و واضح تر باشه بسیار حرفه ای تره و مطمئن باشید کاربرها هم لذت می برن از استفاده از سایتتون مثلا: www.maryamsoft.com (http://www.maryamsoft.com)
اما مثلا سایت پر محتوای tebyan.net رو ببینید؛ بسیار بـــــد ++ در طراحی. (نمونه ی بارز یک سایت جهان سومی)
یکی از اون سایتهای استاندارد:
www.parseek.com (http://www.parseek.com)
یه جوری سایتتون و کد نویسی کنید که اگه حتی اگه کسی سورس html اون و دید لذت ببره.

4.نمای گرافیکی سایت:
از استفاده از کدهای css درست خیلی در طراحی سایت مهمه. (همه چیز تو سایتتون باید دیده بشه)
تو رنگ بندی سایت سعی کنیم هر رنگی رو با رنگ کم رنگ خودش فیکس کنیم.

بچه ها شبکه ی BBE Persian رو دیدید؟ از گرافیک و انیمیشن این شبکه لذت می برم. (از فونت گرفته تا ...)
اگه به ما ایرانی ها بود می گفتیم قرمز هم شد رنگ !
سعی کنید حتی در طرح بندی border سایت هم دقت کنید که خشن نشون داده نشه و ...
برای مثال یک image می خواهید بذارید زیر تاپ منوهاتون. سعی کنید به شکلی این کار و بکنید که منوها دیدهه بشه. تاپ منوهای این سایت و ببینید: www.paytakhtcomputer.com (http://www.paytakhtcomputer.com)

5. تو برنامه نویسی سایتتون سعی کنید کاری انجام بدید که موضوع سایت به درستی انجام بشه باهاش.

اینا رو برای برنامه نویس ها و طراحان وب سایت گفتم و اگه از CMS (جوملا و یا ...) استفاده کنید اینها زیاد به دردتون نمی خوره.
اگه براتون مفید باشه باز می نویسم.
صحبتهای جالبی بود. خوشحال می شم ادامه بدید. البته اگه یه مقاله آموزشی ایجاد کنید و توی سایت قرار بدید خیلی تاثیر بیشتر داره.

قبل از ادامه دادن بحث چندتا سوال دارم.

1- فقط اسم نرم افزار رشنال رز رو شنیدم ولی نمی دونم به چه درد می خوره. اگر برای تحلیل هست، آیا هر زبانی رو می شه باهاش تحلیل کرد؟

2-

اصولا یه سری استاندارد وجود داره که باید یا به شکل آکادمیک و یا ... اونها رو یاد بگیریم.
منظورتون چه اصولی هست، البته بعد از این مطلب جندتا نکته گفتید آیا همین نکات کافی هستن؟

3-

یه جوری سایتتون و کد نویسی کنید که اگه حتی اگه کسی سورس html اون و دید لذت ببره.

با توجه به اینکه حذف فضاهای خالی یکی از روشهای موثر در افزایش سرعت هست، چطور باید هردوی این نکات رو توی طراحی بکار برد؟

4-
اینا رو برای برنامه نویس ها و طراحان وب سایت گفتم و اگه از CMS (جوملا و یا ...) استفاده کنید اینها زیاد به دردتون نمی خوره.
اگه براتون مفید باشه باز می نویسم.
چرا این نکات برای سی ام اس ها مفید نیستن؟

golnouri

چهارشنبه 29 تیر 1390, 15:51 عصر

یه مقاله ی آموزشی ایجاد می کنم --

1-اصلا تجزیه و تحلیل سیستم یعنی چی؟
ببین برای اینکه یک نرم افزار تحت سیستم عامل و یا یک نرم افزار تحت وب ایجاد کنیم باید چند مرحله رو سپری کنیم تا بتونیم به درستی این کار و انجام بدیم. اینو همه می دونیم اما این وسط چندتا کار مهم باید انجام بدیم که از مرحله ی برنامه نویسی مهمتره.
تجزیه و تحلیل سیستم ، حل مساله (الگوریتم) و ...
(با ذکر مثال درباره نرم افزار IBM توضیح میدم) فقط به این نکته توجه داشته باشید که با استفاده از این نرم افزار و کلاسهایی که وجود داره (sequens diagram و diagram های مختلف می تونید هر پروژه ی نرم افزار رو تجزیه و تحلیل کنید)

2-یه مبحثی داریم تو درس مهندسی اینترنت به نام استاندارد سازی. این استاندارد سازی تو هر چیزی کاربرد داره:
تو بهیه سازی کدها ، تو طراحی وب سایت و ... که واقعا نمیشه اینجا توضیحش داد چون مبحث بسیار تخصصی و زیادیه. اما اگه تمایل داشتی بهت کتاب معرفی می کنم.

3-سورس کدهاتون باید به شکلی نوشته بشه که اگه من می خواستم ببینمش از همه چیز سر در بیارم (با استفاده از کامنت و ...)
باید همه چیز مرتب و جای خودش باشه. مثلا اگه میشه با یک کلاس چندتا div و با اون تعریف کرد نیازی نیست از چند کلاس استفاده کنیم و ...
همه چیز طبقه ی بندی شده باشه و نه صرفا فضای خالی

4-cms جوملا رو در نظر بگیر:
طراحی قالب تو این نرم افزار بسیار کار سختیه چون باید ترجمش کنی به جوملا و ...
(مثل اینکه تو سایت بلاگفا بخواهی قالب طراحی کنی باید علاوه بر html کدهای قالب و ترجمه کنی به کدهای بلاگفا)
حالا این وسط در 95 درصد مواقع کسی نمیاد قالبی رو برای یک پروژه ی خاص طراحی کنه و فقط از قالبهای طراحی شده استفاده می کنن که به هیچ عنوان در اکثر مواقع اصول طراحی توش رعایت نمیشه.
حتی نرم افزارهایی که برای طراحی قالبهای این سیستم هاست مثل ارتستر (یه همچین چیزی) به هیچ عنوان مناسب برای سایتهای فارسی نیستن و ...
شما در کار با cms های جوملا ، وردرس و ... باید تحت اون قالب گام برداری.

e_a_23

چهارشنبه 29 تیر 1390, 18:17 عصر

--

2-یه مبحثی داریم تو درس مهندسی اینترنت به نام استاندارد سازی. این استاندارد سازی تو هر چیزی کاربرد داره:
تو بهیه سازی کدها ، تو طراحی وب سایت و ... که واقعا نمیشه اینجا توضیحش داد چون مبحث بسیار تخصصی و زیادیه. اما اگه تمایل داشتی بهت کتاب معرفی می کنم.

با تشکر از مطالب مفید شما.
لطفا در زمینه ی استانداردسازی کتاب معرفی بفرمایید.

idocsidocs

پنج شنبه 30 تیر 1390, 01:39 صبح

خوشحال می شم که کتاب مورد نظرتون رو در زمینه "استانداردسازی" معرفی کنید.

alismith

پنج شنبه 30 تیر 1390, 03:18 صبح

سلام

دوستان من تو بحث نبودم اما اگه دارید درباره استاندارد های طراحی صفحات وب صحبت می کنید (مطابق با عنوان بحث) این سایت به شما کمک می کنه

http://www.w3.org/standards/

و همچنین سایت آموزشی

http://www.w3schools.com/

امیدوارم درست راهنمایی کرده باشم ;)

موفق باشید