نظر شما درباره وبسایت زیر(ایران خبر 2)

[Tarragon]

سلام
با توجه به بحث های انجام شده در تاپیک قبلی تغییراتی در سایت (http://irankhabar.net) دادیم که از نسخه قبل بهتر شده.
لطفا نظرتون رو بصورت رک و راست در مورد سایت (http://irankhabar.net) بگید.
با تشکر.

[MostafaEs3]

عالی ... تووپ :لبخند:
-------------------------------------------------------------
سید ، درمورد روبات خبری (Crawler) چند روزیه توی فکر اینم که یک آموزش رو توی انجمن شروع کنم . فقط میترسم وقت کم بیاد :افسرده:

[Tarragon]

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

[WOLF_MEHRDAD]

درود بر شما

وبسایت زیبای هست
ولی طبق گفته یکی از دوستان در تاپیک قبلی رنگ بندی رو اگه به صورت یه کم گرم تر کنی فکر کنم بهتر باشه
کلا 4 تا تصویر توی وبسایت بود و این به سرعت لود صفحات کمک میکنه
رنگ بندی منو سایت یه کم زننده هست (در حالت Hover) ، اگه صلاح میدونی اصلاحش کن

[WOLF_MEHRDAD]

راستی اگه به جای استفاده مداوم از تگ div از تگهای جدید HTML5 مثل : header footer hgroup و ... استفاده بشه بهتره

[colors]

سلام

از نظر بصری خیلی ضعیفه!
افکت(انیمیشن)هات خیلی زیاده, هر جا میری یه چیزی اتفاق میفته, یعنی عینا داری کاربرو خسته و عصبی میکنی, مخصوصا اینکه از رنگهای مناسب استفاده نکردی و کاربر بیشتر از نظر دید و ذهن عصبی میشه و آخرین بازدیدش از سایتتونه.
احساس خفگی محتویات هم زیاده, مخصوصا قسمت بالای سایت.
لوگوی سایت هم باید لینک به صفحه نخست سایت باشه, این یکی از مهمترین قوانین طراحیه که رعایت نکردین!
به نظرم من از نظر بصری فقط کادر جستجوتون خوب طراحی شده, هر چند که تصویرش (ذره بین) کشیده شده و خیلی ناشیانه هست! اون تاریخ و ساعت هم خیلی خوب جا شده.
نکاتی دیگه ای هم هست ولی چون بازی دورتموند و رئال شروع شد, باید برم...

[SilverLearn]

آقا ما همه چی رو میگیم درست خوب ! اما بعدا سایتت مورد استقبال قرار خواهد گرفت و اسپانسر های آنچنانی می خوان تو سایتت تبلیغ بدن ... جایی برای تبلیغات اونا تعبیه کردی ؟

حالا در مورد اینکه عکس و اینا اصلا تو طراحی ها نباشه نظرهای متفاوتی وجود داره . ولی این دلیل نمیشه که از هیچ عکسی ما استفاده نکنیم ...(به نظر من)

اگه قرار باشه کسی از همچین سایتی که هیچ عکسی برای خبر اولیش نمیزاره دیدن کنه خوب چه کاریه میگه از RSS سایته یا فید خوان اون استفاده می کنم و پهنای باند کمتری از اینترنتم مصرف می کنم!

[Resistor]

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

[nsco_nsco]

سلام خیلی عالی شده بهت تبریک می گم این شالله همیشه موفق باشید

[Tarragon]

سپاس بسیار.
می شه در مورد رنگش ریز بهم بگید مثلا بگید اونجا رو اینکاری کن و اینجا رو اونکاری کنم.
بازم سپاس

[nsco_nsco]

سلام
رنگ خاکستری منو ها خوبه اما رنگ زرد که وقتی رو منو میری خوب نیست عوضش کن رنگ ابی جستجو گر اصلا به قالب نمیاد ابی های تبلیغ کنار هم همچنین اینهارو درست کنی بهتر میشه دوست من فونتت هم یه ذره بهش برس موفق باشی دوست من

[eshpilen]

ساعتش رو بر اساس ساعت سرور ست کردی؟
اگر بر اساس سرور هست پس یه اشاره ای بهش بکن؛ مثلا بنویس ساعت به وقت تهران یا هرکجا که هست خلاصه.
البته میتونی از علامت اختصاریش هم استفاده کنی.

[eshpilen]

میشه درمورد نحوهء طراحی هم توضیح بدی؟
منظورم اینه که از چه روش و ابزارهایی استفاده کردی.
مثلا با دریم ویور درستش کردی، از روشی که اول توی فتوشاپ طراحی میکنن بعد تبدیل میکنن، همهء کدها رو دستی نوشتی در Notepad++‎ ای چیزی، ...

[Tarragon]

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

[colors]

میشه درمورد نحوهء طراحی هم توضیح بدی؟
منظورم اینه که از چه روش و ابزارهایی استفاده کردی.
مثلا با دریم ویور درستش کردی، از روشی که اول توی فتوشاپ طراحی میکنن بعد تبدیل میکنن، همهء کدها رو دستی نوشتی در Notepad++‎ ای چیزی، ...

با اجازه من یه توضیحی در مورد نحوه طراحی یه قالب بگم, البته اگه بی ادبی نیست.

اول اول باید بدونی چی میسازی, برای کی و چرا.
مثلا من اینجا سایت یه بیمارستان رو به صورت ساده برای طراحی, تحلیل میکنم.
مهمترین نکته قبل از هر طراحی اینه که تو ذهنتون حساب کنید که واقعا این وب سایت رو بیشتر چه گروه ی از مردم بازدید میکنن. مثلا یه وب سایت در مورد ترک اعتیاد رو به ندرت افراد زیر 15 سال مجددا بهش سر میزنند و احتمالا بیشترین بازدیدش توسط خود معتاد ها یا مراکز درمانیش باشه. یک وب سایت بیمارستان احتمالا افرادی کارمند و محقق در سنین 25 تا 45 سال هستند. از این رو افراد بالای 30 سال به دلیل تنبلی چشم و بعضا کوررنگی, بینایی ضعیفی دارند. پس باید طرح بر اساس این تحلیل ها طراحی بشه. یعنی الان باید بخشهای و محتویات سایت رو با فونت, رنگ و اندازه مناسب(تقریبا بزرگ) در نظر گرفت. باید در این سایت فضاهای منفی و رنگ های خنثی در دور محتویات اصلی زیاد باشه. مثلا لینک نوبت دهی اینترنتی رو باید حتما حتما همراه با تصویر و به صورت چشم گیر بزاریم. یعنی در نقطه ای از سایت قرار بگیره که چشم رو به طورف خودش بکشه.
معمولا بعد از تحلیل بهتره که طرح موردنظرو چندین بار(3 تا 5)بار روی کاغذ پیاده کنیم. یعنی چندتا اسکچ از طرحی که تو ذهنتون هست رو بر اساس تحلیلتون انجام بدین. فقط هم با مداد مشکی و کاغذ بدون خط انجام بدین که طرح به صورت بصری جلوه بهتری داشته باشه. بعد از اینکه طرح اول رو زدین, مجددا یه بار دیگه اونو رو یه کاغذ جدید پیاده کنید و ناخودآگاه متوجه میشین که ذهن داره بخشهای که خیلی فضای منفی یا شلوغ داره رو برطرف میکنه.
دقت کنید که طرح اسکچ باید فقط بخشهای اساسی و قالب کلی رو توش رسم کنید نه همه چی رو! یکی از اسکچهای خودمو که مربوط به طراحی وب سایت یه شرکت خصوصی میشه رو براتون ضمیمه کردم, ببینید.( آقا اینو من با الان گوشیم گرفتم و چون کیفیتش فوق العاده افتضاحه شما بنده رو عفو کنید و فقط یه همچین چیزی تو ذهن داشته باشین :لبخند:)

بعد طرح اسکچتون رو میتونید همراه با رنگ و ... تو فتوشاپ پیاده و با ابزارهای فتوشاپ اونو به کدهای HTML تبدیل کنید که من این رو توصیه نمیکنم. و خودم بعد از طرح اسکچ با DreamWaever شروع میکنم به طراحی میکنم. تو دریم ویور از پنل Local Files سایتی جدید رو با نام پروژه میسازم. بعد پوشه های file, img و inc رو میسازم و داخل پوشه file پوشه های css, font, js و other رو میسازم که مشخصه چه محتویاتی توشونه دیگه! و بعد کتابخانه ها و فایلهای مورد نظر رو اول تو دایرکتوری هاشون قرار میدم و بعد کد نویسی.
از منوی فایل گزینه NEW و فرمت و DocType صفحه رو مشخص و create میکنی. بعد میشنی از تایتل تا footer رو همراه با Css و js طبق اسکچ میسازی!
اگه مشتاق بودین در مورد اینکه چگونه رنگ مناسبو پیدا کنیم, بیشتر صحبت میکنیم.

[بهزاد علی محمدزاده]

از این رو افراد بالای 30 سال به دلیل تنبلی چشم و بعضا کوررنگی, بینایی ضعیفی دارند.باشه دستت درد نکنه ... حمیدرضا (eshpilen)ببین چی میگه ، یعنی الان من و تو دیگه ..؟

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

اونوقت برای علامت دادن دست می برید ، پارچه آبی کمرنگ و بلند می کنید و باهاش علامت میدین ، آهایییی خبر دارم ؟ یا باید دست ببری پارچه قرمز و برداری ؟

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

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

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

http://www.ctvnews.ca/
http://www.cnet.com/

بقیه شون همه مسدود بودن ...

[qartalonline]

سلام دوستان
قالب رو من طراحی کردم
یه تغییراتی تو قالب انجام دادم ببینید اگه اشکالی داشت بفرمایید.
لینک ورژن جدید قالب (http://www.qartalonline.ir/demo/irankhabar.net)

[MRmoon]

یه چیز خنده دار و همچنین ضایع :

آدرستون تو لوگو اینه : irankhanar.net

از قبلیه بهتره

[qartalonline]

یه چیز خنده دار و همچنین ضایع :

آدرستون تو لوگو اینه : irankhanar.net



ممنون اینو میدونیم قرار طراح لوگو درستش کنه

[nsco_nsco]

سلام دوستا ن خدا قوت این همه بالا گفتم مشکلش چی هست اخرش که همونه داداشم موفق باشید

[qartalonline]

سلام دوستا ن خدا قوت این همه بالا گفتم مشکلش چی هست اخرش که همونه داداشم موفق باشید

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

[Tarragon]

سلام
1- موضوع لوگو اینو هفته ها پیش آقا محمد رضا گفتن اما تقصیر منه که فتوشاپم خرابه و هر چی از اول نصب می کنم بازم مشکل داره
2- ویرایش کلی قالب هفته ها زمان می بره مثلا زمان تاپیک قبلی با این تاپیک رو مقایسه کنید.
3- سایت بروز شد: http://irankhabar.net
4- در مورد رنگ ها هر نظری دارید روی چشمم.
تشکر.

[بهزاد علی محمدزاده]

103327
خیلی سریع با فتوشاپ و البته فقط یه پیشنهاده و نباید هم در بخش php باشه ...

[eshpilen]

حالا این همه کار، بعد تازه باید مطمئن شد که توی چهار پنج مرورگر پراستفاده مشکلی چه از جهت نمایشی و چه از جهت کارکرد نداشته باشه.
بعد تازه بررسی در رزولیشن های مختلف و مانیتورهای معمولی و واید.
بعد بدبختی دیگه سیستمهایی غیر از PC هستن، مثل تبلت ها و گوشی ها.

واقعا همتون همهء این موارد رو بطور کامل انجام میدید؟

[بهزاد علی محمدزاده]

103328
103329

نمونه تست شده ... فاصله بین دو جعبه خبر با فاصله بین منو مساوی نیست و اون قسمت باید درست بشه .

[colors]

حالا این همه کار، بعد تازه باید مطمئن شد که توی چهار پنج مرورگر پراستفاده مشکلی چه از جهت نمایشی و چه از جهت کارکرد نداشته باشه.
بعد تازه بررسی در رزولیشن های مختلف و مانیتورهای معمولی و واید.
بعد بدبختی دیگه سیستمهایی غیر از PC هستن، مثل تبلت ها و گوشی ها.

واقعا همتون همهء این موارد رو بطور کامل انجام میدید؟

بله 100% باید انجام بشه.
البته اگه به CSS و ترکیبش با HTML مسلط باشی و از Reset css استفاده کنی, cross bowser کردنش زیاد سخت نیست.
مخصوصا اینکه خوشبختانه الان تبلت ها و گوشی ها دارن به اندروید مجهز میشن و نمایش صفحات وب رو به خوبی ساپورت میکنن.

[Tarragon]

103328
103329

نمونه تست شده ... فاصله بین دو جعبه خبر با فاصله بین منو مساوی نیست و اون قسمت باید درست بشه .

دادا می شه کدهایی که تغییر دادید رو برام پ.خ. کنید؟

[Tarragon]

یکمی تغییر دادم و توی یه مسیر دیگه آپلود کردم.
منتظر نظرات خوبتون هستم.
http://irankhabar.net/new/

[بهزاد علی محمدزاده]

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

[MRmoon]

یکمی تغییر دادم و توی یه مسیر دیگه آپلود کردم.
منتظر نظرات خوبتون هستم.
http://irankhabar.net/new/
این چیزه مشتیه!

یعنی 180 درجه رنگ بندیش از نظر من با اولی متفاوته

[Tarragon]

سلام
بروزآوری شد.
نسخه 1.3 : لینک (http://irankhabar.net/new)
منتظر نظرات سازنده شما هستم.

[engmmrj]

خیلی بهتر شده ، اون اولی رو نمی شد نگاه کنی از بس زشت بود:لبخند:

[qartalonline]

بهتر شده ، بجز رنگ پس زمینه و قسمت جستجو (دکمه جستجو باید سمت چپ باشه).

[Tarragon]

حتما باید سمت چپ باشه؟
آخه یجوری طراحی شده که دکمه جستجو سما راستشه.

[qartalonline]

حتما باید صمت چپ باشه؟

اگه سمت چپ باشه خیلی بهتره چون قراره عبارت فارسی جستجو بشه. مثل همین سایت.
سمت راست برای عبارت انگلیسی به کار میره.مثل سایت یاهو ... .

[Tarragon]

قسمت جستجو اصلاح شد.
منتظر نظرات شما هستیم.

[hamid_0341]

بهتر نیست به سایت یک عنوان بدی ؟

[darkcms]

سلام

از نظر بصری خیلی ضعیفه!
افکت(انیمیشن)هات خیلی زیاده, هر جا میری یه چیزی اتفاق میفته, یعنی عینا داری کاربرو خسته و عصبی میکنی, مخصوصا اینکه از رنگهای مناسب استفاده نکردی و کاربر بیشتر از نظر دید و ذهن عصبی میشه و آخرین بازدیدش از سایتتونه.
احساس خفگی محتویات هم زیاده, مخصوصا قسمت بالای سایت.
لوگوی سایت هم باید لینک به صفحه نخست سایت باشه, این یکی از مهمترین قوانین طراحیه که رعایت نکردین!
به نظرم من از نظر بصری فقط کادر جستجوتون خوب طراحی شده, هر چند که تصویرش (ذره بین) کشیده شده و خیلی ناشیانه هست! اون تاریخ و ساعت هم خیلی خوب جا شده.
نکاتی دیگه ای هم هست ولی چون بازی دورتموند و رئال شروع شد, باید برم...
با سلام من برخلاف نظر دوستمان می گویم که واقعا عالی است ولی به نظر من پس زمنیه سایت را عوض کنی خیلی عالی میشه!
به امید فردایی بهتر!:لبخندساده:

[Tarragon]

سلام
ممنونم.
ولی ای کاش تاپیک زیر خاکی نمی آوردید بالا.

[afshin9032]

رنگ بندیش مناسب سایت خبری نیست ، کمی خسته کننده می باشد .
اگر از فونت های nazanin ، mitra و .. برای عناوین استفاده کنی بهتره . مثلا این منوهایی که tahoma توپر گذاشتی زیاد جالب به نظر نمیاد .