بلوگل

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

تبلیغات

افزایش ورودی گوگل

خیریه مهربانه

پست ثابت

همت 110

تبلیغات

همت 110


نکته کلیدی در طراحی سایت به روز

:: نکته کلیدی در طراحی سایت به روز
طراحی سایت جدید به مقوله ای به نام نوار کناری یا همان ساید بار خودمان، توجه زیادی ندارند

شاید برای کاربران و بینندگان وب سایت ها، مخصوصاً در ایران که چند گامی عقب تر از طراحی سایت های دنیا و مبتنی بر علوم روزی مانند طراحی واسط متناسب با تعامل انسان و کامپیوتر هستیم، ساید بار نقش بی چون و چرایی بازی نماید. جا انداختن یک وب سایت بدون نوار کناری شاید در نظر اول غیر ممکن به نظر برسد، اما بیاییم کمی بیشتر در خصوص این مورد بررسی کنیم و آن را به یک ابزار کاربردی در زمان مورد نیاز تبدیل نماییم و نه یک عادت همیشگی در طراحی سایت هایمان!

در نظر اول، اگر وب سایتی از نوار کناری استفاده ننماید، چیزی که به ذهن متواتر میشود این است که این وب سایت کارایی خود را از دست داده است! ولی من به شما قول میدهم که در بسیاری از موارد اینچنین نیست. شما میتوانید طراحی وب سایتی انجام دهید بدون ساید بار در حالی که سایت شما همچنان کاملاً کاربردی و کاربر پسند می باشد و اطلاعات مورد نیاز یا تقاضای کاربر، در دسترس او می باشد. در حقیقت در این نوع طراحی ها، نوار کناری خلاقانه به جایی دیگر جایگزین می گردد که کارایی مناسب تری داشته باشد و یک گوشه همیشگی از سایت شما را در همه جا مشغول نکرده باشد. درست است که ما میتوانیم موارد بسیاری را در نوار کناری جایگزین کنیم، ولی توجه داشته باشید که این فضا، در حقیقت قسمتی از مطلبی که کاربر میخواند را مشغول میکند و باعث عدم توجه و تمرکز بر روی متن اصلی موجود در یک صفحه و یا قسمت مورد بازدید او می گردد که قطعاً در بیش از 90 درصد زمان های مورد استفاده کاربر از یک صفحه، مورد نیاز او نیست.

زمانی که کاربری درگیر محتوای یک صفحه شده است، چرا باید او را به جای دیگری منحرف نماییم؟ ما میخواهیم بازدید کنندگان به سایت ما بیاییند و مطالب منتشر شده مان را بخوانند، چه چیزی اولویت بیشتری از این دارد که باعث انحراف کاربر از محتوای مورد نظر او گردد ؟ پاسخ به این سوالات معمولاً در این است که ما میخواهیم کاربر و بازدید کننده را به خواندن و ماندن بیشتر در وب سایت ترغیب نماییم! یا حتی ارائه موارد دیگری که شاید مورد نیاز او نباشد ولی ما بخواهیم بازدید کنندگان ما بیشتر نظرشان به آن مورد، صفحه و یا هر چیز دیگر جلب گردد. حال باید ببینیم که ارائه آن در نوار کناری وب سایت، با توجه به صدمه ای که به محتوای مورد علاقه کاربر وارد می نماید، آیا توجیه دارد یا نه.

جایگزین های ساید بار در طراحی سایت های جدید

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

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

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

منبع : گرافیست سایت |نکته کلیدی در طراحی سایت به روز
برچسب ها : سایت ,مورد ,کاربر ,طراحی ,کناری ,نوار ,نوار کناری ,طراحی سایت ,مورد نیاز ,علاقه کاربر ,مطلب مورد ,مورد علاقه کاربر

نكاتي در طراحي لوگو

:: نكاتي در طراحي لوگو
- لازم نيست يك لوگو بگويد كه آن سازمان چه كار مي كند.

اگر براي يك رستوران لوگو طراحي مي كنيد اجباري نيست حتماً لوگوي شما به شكل يك غذا خوردني باشد. يا براي كلينيك پزشكي وسايل پزشكي را نمايش دهد و ...  فقط به دليل مرتبط بودن موضوع طراحي لوگو نبايد شكل آنرا قرباني كنيد.

 

 از مشتري خود كمك بگيريد.

به عنوان طراح لوگو بايد به نياز مشتري احترام بگذاريد. بعضي مواقع آنها فقط يك لوگوي ساده و حرفه اي مي خواهند تا فعاليت يا حرفه آنها در بين رقبا شناسايي شود بنابراين براي پرسيدن اينكه مشتري چه مي خواهد شك نكنيد.

 

كاغذ را فراموش نكنيد.

امروزه طراحي لوگو بدون كامپيوتر غير ممكن به نظر مي رسد ولي استفاده از كامپيوتر به اين معني نيست كه طرح هايي را كه در ذهن داريد روي كاغذ امتحان نكنيد و براي كشيدن طرح هاي اوليه روي كاغذ احتياجي نيست كه يك نقاش يا هنرمند ماهر باشيد. فراموش نكنيد كه طرح هايي را كه روي كاغذ مي كشيد هيچگاه نمي توانيد روي كامپيوتر ابداع كنيد. اگر با من موافق نيستيد قلم و كاغذ برداريد و شروع به كار كنيد.

 

مد را فراموش كنيد.

اگر بخواهيد كفش و لباس بخريد توجه به مد بد نيست چون بعد از مدتي بايد آنها را دور بيندازيد ولي لوگوي يك كمپاني يا سازمان چيزي نيست كه مطابق مد روز طراحي شود بلكه بايد با اين ديد كه سالهاي سال بدون تغيير زيبا و جذاب باشد طراحي شود و اگر غير از اين باشد و مجبور باشيد هر چند وقتي مطابق مد طراحي خود را عوض كنيد عملاً از هدف اصلي طراحي لوگو دور شده ايد چون لوگو بايد براي بيننده نام و اعتبار يك سازمان را تداعي كند و اگر مرتب لوگو عوض شود به مردم فرصت به خاطر سپردن نشان آن شركت يا سازمان داده نخواهد شد.

 

ابتدا از رنگ سياه استفاده كنيد.

هميشه رنگ ها را بعد از اتمام طراحي به لوگو اضافه كنيد. تشخيص ضعف هاي طراحي وقتي فقط با يك رنگ و به سادگي كشيده مي شوند به مراتب ساده تر است.

 

طرح مناسب را انتخاب كنيد.

طرحي كه براي لوگوي خود انتخاب مي كنيد بايد مناسب حال و هواي آن شخص، شركت، سازمان يا سايت اينترنتي باشد. مثلاً اگر براي يك شركت وكالت لوگو طراحي مي كنيد نبايد اشكال طنز به كار ببريد يا اگر براي يك مؤسسه كه در ارتباط با كودكان است لوگو طراحي مي كنيد استفاده از طرح هاي خيلي جدي جالب نيست.

 

يك لوگوي ساده بهتر در ذهن مي ماند.

هر چه لوگوي شما ساده تر باشد به خاطر سپردن آن ساده تر است. و به خاطر داشته باشيد هدف از طراحي لوگو اين است كه با يك نگاه در ذهن بيننده حك شود اگر به لوگوي سازمانهاي بزرگي مانند ميتسوبيشي، سامسونگ، BBC، ... دقت كنيد متوجه مي شويد كه لوگوي آنها چقدر ساده است ساده بودن لوگو يك برتري ديگر هم دارد و آن اين است كه انعطاف پذيري شما در ابعاد لوگو بيشتر مي شود و مي توانيدلوگوي آن سازمان را در متن ها، تبليغات و...مختلف استفاده كنيد بدون اينكه جزئيات آن (در اثر كوچك شدن ) از بين برود.

 

فقط يك چيز را بخاطر بياورند

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

منبع : گرافیست سایت |نكاتي در طراحي لوگو
برچسب ها : لوگو ,كنيد ,طراحي ,لوگوي ,ساده ,سازمان ,طراحي لوگو ,لوگو طراحي ,لوگو بايد ,استفاده كنيد ,خاطر سپردن

خلاقیت در طراحی ,معنای رنگ در طراحی ,معانی خطوط در طراحی

:: خلاقیت در طراحی ,معنای رنگ در طراحی ,معانی خطوط در طراحی

خلاقیت در طراحی:

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

خلاقیت در طراحی این نیست که کسی کاری را انجام دهد که تا به حال هیچ کسی انجام نداده است بلکه خلاقیت ادغام ایده های قبلی نیز می باشد . افراد کمی هستند که ایده هایی دارند که تا بحال کسی انجام نداده است و شاید بتوان اسم آن را اصالت گذاشت ولی خلاقیت , هنر در هم آمیختن ایده های قبلی و ایده های مطرح شده در افراد مختلف را نیز شامل می شود .

بنابراین خلاقیت توانایی مشاهده اتصالات و روابط و توانایی های دیداری و شنیداری و ذهنی می باشد .

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

یک طراح وب خلاق به مانند دانشمند آزمایشگاه می باشد و با شکل ظریفی طرح ها را در هم آمیخته و به صورت نظام مند آنها را آزمایش می کند و در آخر نتیجه ای مورد پسند و ایده ای جدید از خود به جای می گذارد

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

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

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

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

قرمز:

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

نارنجی:

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

زرد :

رنگی روشن و نشاط بخش که برای تحریک فرآیندهای ذهنی به کار می رود .

سبز:

سبز رنگ طبیعت و بهداشت و درمان می باشد و نشان دهنده احساسات می باشد .

فیروزه ای :

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

آبی :

آبی امن ترین رنگ برای استفاده در اکثر برنامه های کاربردی،نشان دهنده  صداقت، اعتماد و اطمینان است.

خاکستری :

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

سفید :

نشان دهنده بازده و سادگی و نماد انصاف و امنیت در کسب و کار

سیاه :

سیاه رنگ قدرت و اقتدار است و می توان آن را تهدید آمیز و غیر دوستانه نیز قلمداد کرد .

نقره ای :

رنگی مدرن و پیچیده دارای ابهام و نشان دهنده رمز و راز                                                                   

طلایی :

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

صورتی :

صورتی الهام بخش مهربانی است . این یک رنگ اغلب در کسب و کار زنانه استفاده می شود.

بنفش:

بنفش به معنی ثروت، کیفیت، فانتزی و خلاقیت در کسب و کار می باشد .

 

معانی خطوط در طراحی:

 

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

خطوط نازک :

نشانه شکنندگی و ظرافت و حساس بودن هستند .

خطوط ضخیم :

نشانه قدرت و پایداری و استقامت و شکننده نبودن .

خطوط افقی :

خطوط افقی به مانند دراز کشیدن و استراحت کردن و رساندن مفهوم سکوت و آرامش و آرام بودن.

خطوط عمودی :

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

خطوط مورب :

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

خطوط منحنی :

این خطوط نرمتر از خطوط مستقیم هستند و تغییر و تحولات را به آرامی نشان می دهند . خطوطی آرام و به همراه احساسات .

خطوط زیگزال :

ترکیبی از خطوط مورب که هیجان شور زیاد و گاهی عصبانیت و خطرات و نابودی را می رسانند.

 

منبع : گرافیست سایت |خلاقیت در طراحی ,معنای رنگ در طراحی ,معانی خطوط در طراحی
برچسب ها : خطوط ,طراحی ,ایده ,خلاقیت ,نشان ,دهنده ,نشان دهنده ,خطوط مورب ,خطوط افقی ,معانی خطوط ,مورد پسند

نكاتي براي ساخت بهتر وبلاگ

:: نكاتي براي ساخت بهتر وبلاگ
هيچ قانون سخت و قاطعي براي بوجود آوردن يك وبلاگ وجود ندارد. با رعايت چند نكته وبلاگ نويسان مي توانند ميزان مقبوليت وبلاگ خود را افزايش دهند.

به موضوع اهميت دهيد.

در يك وبلاگ موضوعات مختلفي مي تواند وجود داشته باشد ولي مطالب موجود در هر شاخه بايد متناسب با يك موضوع مشخص باشد. بازديد كنندگان وبلاگ وقتي وارد شاخه مورد علاقه خود مي شوند دوست دارند مطلبي متناسب با موضوع كه مورد پسند آنها قرار گرفته است پيدا كنند پس آنها را نااميد نكنيد. بيشتر خوانندگان وبلاگ علاقه اي به دانستن اينكه مثلاً شما براي صبحانه چه خورده ايد ندارند! اگر چه ممكن است براي آنها ميزان كالري يك صبحانه معمول جالب باشد. يك موضوع براي وبلاگ خود تعيين كنيد و به آن بچسبيد! در اين صورت مي توانيد مطمئن باشيد كه افرادي علاقه مند به موضوع انتخابي وجود دارند كه دوباره به وبلاگ شما سر مي زنند. چون شما همان چيزي را فراهم مي كنيد كه انها مي خواهند.

 

وبلاگ خود را آموزنده نگه داريد

اگر مي خواهيد اين احساس را در بازديدكنندگان ايجاد كنيد كه شما در يك علم يا رشته مسلط هستيد بايد هميشه در جريان اخبار در اين زمينه باشيد. اگر يك محصول را معرفي مي كنيد يا در زمينه اي مطلبي مي نويسيد آن را با حقايق بسنجيد قبل از آن كه آن را در اختيار بازديدكنندگان خود  قرار دهيد. چون هميشه اعتبار شما در خطر است. اگر صحبتي داريد و مي خواهيد آن را بيان كنيد آن را خلاصه كنيد و سعي كنيد محتواي ان همانند يك سرمقاله باشد.

 

خبر قديمي ديگر خبر نيست

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

 

به يك رويه وفادار بمانيد

يك برنامه تهيه كنيد و از آن پيروي كنيد. متوجه باشيد كه وبلاگ نويسي احتياج به زمان و كوشش زياد دارد. از تهيه مطالبي كه از شما انتظار نمي رود خودداري كنيد. يك انحراف موقت از موضوع كلي يا صحبت كردن در مورد يك روز تعطيل قابل درك است. اما خوانندگان با توجه به مطالبي كه قبلاً در وبلاگ شما ديده اند بازگشته اند و طبيعي است كه به دنبال مطالب مشابهي مي گردند. و همانطور كه مي دانيد هر روز وبلاگهاي جديدي بوجود مي آيند. پس مراقب بازديدكنندگان خود باشيد تا آنها را از دست ندهيد.

 

غني از كلمات كليدي

اگر هدف از بوجود آوردن وبلاگ بدست آوردن تعداد زيادي بازديدكننده است بايد تيتر وبلاگ شما شامل كلمات كه با موضوع وبلاگ مرتبط است باشد. براي جذب بيشتر بازديدكننده يك تيتر درشت از موضوع سايت داشته باشيد. هر آيتم بايد تيتري داشته باشد كه محاطبان را جذب كند و در عين حال گول زننده هم نباشد. توجه داشته باشيد كه تيتر شما نبايد بيش از 10 تا 15 حرف داشته باشد.

 

سادگي و وضوح

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

 

تداوم

اگر محتويات وبلاگ شما به طور مداوم به روز شوند موتورهاي جستجو هم وبلاگ شما را در دوره هاي زماني كوتاهتري كند و كاو مي كنند.

 

تصحيح مطلب

فقط چند لحظه كوتاه لازم داريد تا از اشتباهي كه با دستپاچگي نوشته شده است جلوگيري كنيد. غلط هاي املايي را تصحيح كنيد تا در ذهن خوانندگان خود اثر منفي ايجاد نكنيد. به محتويات مطلب توجه كنيد چون هر چيزي كه شما در اينترنت قرار مي دهيد در اينترنت يافت مي شودپس قبل از قرار دادن هر مطلبي در مورد آن خوب فكر كنيد. كپي كردن مطلب از منابع اينترنتي كار قشنگي نيست و اثر مطلوبي در مخاطب ايجاد نمي كند. البته معرفي مقالات مفيد مرتبط با موضوع كيفيت كار را بالا مي برد. و شما به سادگي با قرار دادن يك لينك مي توانيد اين كار را انجام دهيد اين عمل علاوه بر اينكه كمكي به بازديدكنندگان است و اثر مثبتي در آنها مي گذارد باعث مي شود وبلاگ شما از طرف موتور هاي جستجو در رتبه بهتري قرار گيرد.

 

RSS

RSS وبلاگ شما را غني تر مي سازد. بسيار مهم است كه محتويات وبلاگ شما به صورت RSS تغذيه شود تا  توزيع و خوانندگي وبلاگ افزايش يابد.

منبع : گرافیست سایت |نكاتي براي ساخت بهتر وبلاگ
برچسب ها : وبلاگ ,كنيد ,موضوع ,مورد ,داشته ,دهيد ,داشته باشد ,مورد علاقه ,محتويات وبلاگ ,داشته باشيد ,پيدا كنند

بهينه سازي عكسها براي وب

:: بهينه سازي عكسها براي وب

بهينه سازي عكسها سرعت نمايش وب سايت شما را بالا خواهد برد. و اگر مي خواهيد عكسي را با ايميل بفرستيد زمان كمتري براي ارسال و دريافت آن تلف مي شود بدون اينكه كاهش چشمگيري در كيفيت آن بوجود آيد قبل از اينكه اين كار را انجام دهيد مطالبي وجود دارد كه دانستن آنها مفيد واقع مي شود.

پسوند و فورمت فايلهاي تصويري

هر فايل تصويري به سه حرف ختم مي شوند كه معمول ترين آنها عبارتند از   BMP GIF و JPG و فرمت جديد PNG و اولين و بهترين فرمت فايلهاي BMP. هستند كه داراي حجم زياد و كيفيت بالا هستند و مي توان آنها را تا حد زيادي بهينه سازي كرد. فايل هاي PNG يكي از پسران بدي است كه چندي است پا به عرصه اينترنت گذارده است. آنها فوق العاده قابل انعطاف هستند. آنها مي توانند تا حد قابل قبولي بهينه سازي شوند در حاليكه كيفيت عالي دارند. اين فرمت با وجود فرمت هاي JPG و GIF كمتر مورد استفاده قرار مي گيرند.فايل هاي با فرمت JPG معمولاً براي با كيفيت بالا و تصاويري كه در آنها تعداد زيادي رنگ بكار رفته است، استفاده مي شوند. و دقت عكس به طور ماهرانه اي بهينه نگه داشته مي شود. اين فرمت كيفيت تصاوير را تا حد قابل قبولي در حد مناسب نگه مي دارد.

فايل هاي تصويري با فرمت GIF. هميشه فايل هاي فشرده هستند. اين فايل ها مي توانند با تعداد رنگهاي 128 يا 256 بيت يا رنج كاملي از رنگها فشرده شوند. (توجه داشته باشيد كه اين فايلها با هر تعداد رنگ مي توانند فشرده شوند.) طبيعي است كه هر چه تعداد رنگ بيشتري استفاده كنيد حجم فايل بيشتر مي شود. يك برتري كوچك اين فايل نسبت به JPG اين است كه فايل هاي GIF مي توانند داراي يك پشت زمينه نامرئي باشند ولي فايلهاي JPG نمي توانند.

با اين اطلاعات اكنون براي فشرده كردن فايل ها يك پيش زمينه داريم. در دنياي اينترنت، ما از اصطلاحات اينچ يا سانتي متر استفاده نمي كنيم بلكه از واحدي به نام پيكسل استفاده مي كنيم. مطلب مهم ديگر اين كه وب سايت شما براي چه رزولوشني طراحي شده است امروزه معمولاً از رزولوشن 1024در 768 استفاده مي شود. بنابراين در طراحي وب سايت بايد به اين رزولوشن توجه داشته باشيد.

در مورد انتخاب يكي از فرمت هاي تصويري GIF يا JPG بايد توجه داشته باشيد كه تركيب و نوع تصوير بسيار تعيين كننده است كه به مرور با تجربه بهترين روش را به دست خواهيد آورد مثلاً در گرافيك وب كه خودتان توليد كرده ايد و از رنگهاي كمي در آن استفاده شده است. استفاده از فرمت GIF فايل را با كيفيت قابل قبولي بسيار فشرده مي كند.                                                                                                                   

 صدها راه وجود دارد اما  چند راه را به شما معرفي مي كنم كه مي تواند مفيد باشد.

ـــ Dream weaver : يكي از اين راهها استفاده از نرم افزار Dream weaver است كه با گذراندن مراحل لازم به راحتي مي توانيد فايل هاي تصويري خود را فشرده كنيد.

ـــ ويندوز XP : اگر از ويندوز XP استفاده مي كنيد يك ابزار شسته رفته جهت فشرده كردن تصاوير در ويندوز كار گذاشته شده است. استفاده از آن ساده است كافيست به دايركتوري كه تصاوير شما در آن قرار دارند برويد و يك فايل عكس يا تصوير را انتخاب كنيد روي عكس مورد نظر كليك راست كنيد و گزينه resize image را انتخاب كنيد. اين عمل شما را به ويزاردي راهنمايي مي كند كه با انتخاب يك سري تنظيمات مي توانيد اندازه تصوير مورد نظر را انتخاب كنيد.

Corel/Photoshop/Fire works:هميشه مي توانيد از نرم افزارهايي مانند Fire works يا Photoshop يا Corel براي فشرده كردن تصاوير استفاده كنيد.  زمانيكه يك فايل را با فرمت فشرده ذخيره مي كنيد داراي تنظيماتي هستند كه با انجام آن تنظيمات هر چه سايز را كمتر كنيد مشاهده خواهيد كرد كه كيفيت هم پايين مي آيد بنابراين انتخاب يك نقطه بهينه بسيار مهم است كه اين عمل را با چند بار امتحان خواهيد آموخت. در Photoshop يك گزينه به نام Save For Web وجود دارد كه از منوي File به آن دسترسي خواهيد داشت اين ابزار بسيار قدرتمند و كارآمد است و به شما اين امكان را مي دهد كه عكس واقعي را به نمونه يا نمونه هاي بهينه سازي شده با يك يا چند فرمت (JPG, GIF و ...) مقايسه كنيد.

 

در نهايت اگر می خواهید  عكسهاي با حجم كم و كيفيت مناسب داشته باشيد. بخاطر داشته باشيد كه كسب بهترين نتيجه در هر شرايط يك ابزار و يك روش احتياج داريد پس براي سرعت بالاتر در اينترنت جادوگري خود را آغاز كنيد.

 

منبع : گرافیست سایت |بهينه سازي عكسها براي وب
برچسب ها : فايل ,استفاده ,كنيد ,فرمت ,فشرده ,كيفيت ,بهينه سازي ,داشته باشيد ,توجه داشته ,وجود دارد ,فشرده كردن ,توجه داشته باشيد

کاربرد رنگ ها در طراحی سایت چیست؟

:: کاربرد رنگ ها در طراحی سایت چیست؟

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

اهمیت رنگ در طراحی وب

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

 

منبع : گرافیست سایت |کاربرد رنگ ها در طراحی سایت چیست؟
برچسب ها : طراحی ,نمایید ,سایت

ویژگی های برجسته ی طراحی وب سایت

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

  • خوانایی مطالب:

محتوا در طراحی وب سایت از عوامل مهم است ، به همبن دلیل خوانایی مطالب در درجه اول اهمیت دارد. تا جایی که اگر محتوای سایت از کیفیت بالایی برخوردار باشد ولی ناخوانا باشد ، تلاش برای جذب و حفظ خوانندگان بیهوده می شود البته طراحی تم و قالب سایت و وبلاگ مهم است ولی نباید محتوای مطالب را تحت تاثیر قرار دهد و از خوانایی آن کم کند. از جمله بخش هایی که نظر بیننده را به خود جلب می کند بخش هایی مانند: هدر ، سایدبار ، منوی ناوبری است که ، بیشتر مورد توجه طراحان هستند و همین موضوع باعث می شود که از خوانایی و محتوا مطالب غافل شوند .

نکاتی  هستند که بر خوانایی مطالب تاثیر می گذارند. از جمله:                                                          

  1. پاراگراف های کوتاه: پاراگراف های بلند بیننده را خسته میکند و باعث می شود که تمام مطالب را مطالعه نکند ، پس سعی کنید که از پاراگراف های کوتاه استفاده کنید تا خواننده زمان بیشتر را صرف مطالعه مطالب کند.
  2. ایجاد لیست: استفاده از لیست در بین بخش های مهم مطالب باعث جذب خواننده و درک آسانتر مطلب می شود و متن را از یکنواختی خارج می کند.
  3. عنوان های درون منتی: با کوچک و بزرگ کردن عنوان هایی که در بین متن هستند ویک فاصله بین عنوان و متن اصلی ایجاد می شود که این موضوع درک مطلب ساده تر می کند.
  4. فاصله بین خط ها: فاصله بین خطوط باید با اصول استاندارد طراحی وب و متناسب با قالب اصلی انتخاب می شود.                                                                                                      
    • ستون های کناری سایت: 

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

    برخی از عناصری که می توان در ستون سایدبار قرار داد عبارتند از :

    پست های اخیر ، پست ها و مطالب محبوب ، آرشیو مطالب ، لینک دوستان ، نظرات اخیر ، تبلیغات ، تگ و برچسب ها ، لینک سایت های اجتماعی و …                                                              

    • ستون های کناری سایت: 

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

    برخی از عناصری که می توان در ستون سایدبار قرار داد عبارتند از :

    پست های اخیر ، پست ها و مطالب محبوب ، آرشیو مطالب ، لینک دوستان ، نظرات اخیر ، تبلیغات ، تگ و برچسب ها ، لینک سایت های اجتماعی و غیره.                                                         

    • مکان تبلیغات: 

    امروزه تبلیغات جزء جدانشدنی وب و یک ضرورت مهم برای وب سایت است ، اگر تبلیغات به درستی در مکان مناسب قرار نگیرند تاثیرات منفی بر کل طراحی سایت خواهند داشت. اکثر سایت ها و وبلاگ ها که به صورت شخصی یا حرفه ای اداره می شوند ، برای کسب درآمد ممکن است به صورت تبلیغات کلیکی ، افیلیت یا تبلیغات مستقیم باشد.

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

    می توان تبلیغات را در نوار کناری و در سایدبار یا در زیر هدر سایت قرار داد که استانداردترین مکان های تبلیغاتی می باشند ، ناحیه و چارچوبی که تبلیغات درون آن قرار میگیرد نیز بسیار حائز اهمیت است. به همین منظور می توان با استفاده از فریم های زیبا و دستورات CSS مناسب ، فضایی را برای تبلیغ ها در نظر گرفت.  

    • طراحی بخش نظرات: 

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

    • نوار ناوبری: 

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

    برای حفظ منوی ناوبری ، میتوانید میان مطالب قدیمی با جدید ارتباط ایجاد کرد.  می توانید برای این کار از ستون سایدبار استفاده کرده و پست های محبوب و برتر را نمایش دهید و یا در پایین پست ها و مطالب می توان پست های مرتبط را نمایش داد.همچنین می توانید در سایدبار آرشیو مطالب را از ابتدا برای دسترسی راحت تر قرار دهید.                                                                                  

    • تصاویر پست ها:

    یکی دیگر از کارهایی که وبلاگ نویس انجام می دهد استفاده از تصاویر در مطالب است.با انتخاب درست تصاویر درک مطالب ارائه شده ساده تر می شود. البته طراح سایت می تواند برای تصاویر یک استایل زیبا که تصاویر را از مطالب جدا و تاثیر گذار تر نمایش می دهد ، استفاده کند.                      

    • پاورقی یا فوتر سایت: 

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

    • رنگ در سایت:

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

    • آیکن ها:

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

    • قسمت اشتراک سایت:

    واضح است که استفاده از فیدخوان و اشتراک RSS برای کاربران در تبدیل کاربران به بازدیدکنندگان ثابت و دائمی موثر خواهد بود. استفاده از اشتراک فید ( RSS ) و ایمیل ( Feed ) در سایت می تواند نیرو و روح تازه ای را در وبلاگ ایجاد کندو قدرت سایت را بیشتر نماید. اکثر سایت ها نیز برای فاصله ی بخش اشتراک RSS ، با استفاده از آیکون ها و استایل های بخصوص تنظیم کرده تا کاربر راحت تر به این بخش دسترسی پیدا کند. معمولا مکان های اشتراک Feed در بالای سایدبار و در ستون کناری سایت قرار می گیرد. البته می توان قانون شکنی کرده و لینک اشتراک را در قسمت هدر یا فوتر سایت نیز قرارداد.

                                     

                                                                                   

منبع : گرافیست سایت |ویژگی های برجسته ی طراحی وب سایت
برچسب ها : سایت ,طراحی ,مطالب ,تبلیغات ,استفاده ,سایدبار ,ستون سایدبار ,آرشیو مطالب ,طراحی سایت ,نظرات اخیر ,لینک سایت ,مطالب ، لینک دوستان ,آرشیو مطالب ، 

نکاتی کلیدی یرای طراحی یک پوستر تاثیر گذار

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

  • توجه کردن

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

  • پوستر را ساده طراحی کنید

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

  • از فونت های جذاب و زیبا استفاده کنید

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

  • در مورد اطلاعاتی که باید در پوستر قرار گیرد فکر کنید

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

  • استفاده هوشمندانه از رنگ ها

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

  • مختصر و مفید فکر کنید

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

  • شکستن قوانین

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

منبع : گرافیست سایت |نکاتی کلیدی یرای طراحی یک پوستر تاثیر گذار
برچسب ها : پوستر ,استفاده ,فونت ,طراحی ,باعث ,زیاد ,استفاده کنید ,پوستر قرار ,قرار دهید ,طراحی کنید ,فونت مناسب

مطالبی در مورد سایز تصاویر در طراحی سایت

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

  • سایز تصاویر:

دوربین های دیجیتالی که در حال حاضر در دسترس اکثر افراد می باشد، دارای سایزهایی از ۱ مگاپیکسل تا ۱۰ تا ۱۲ مگاپیکسل و یا بیشتر می باشد که در نتیجه سایز تصاویر در هر یک افزایش می یابد . به همین دلیل تصاویر و یا عکسها می تواند در اشکال و سایز های متفاوتی باشد. ممکن است این تجربه را داشته باشید هنگامی که یکی از دوستان شما برایتان ایمیلی می فرستد که حاوی عکس بوده که با دوربین جدید خود گرفته است ، فایل فرستاده شده احتمالاً خیلی بزرگ می باشد و دانلود آن خیلی طول می کشد؛ حتی اگر اینترنت شما پر سرعت باشد!

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

کاری که در هنگام ساخت و بهینه سازی وب سایت باید انجام شود این است که تصاویر و عکسهای مورد نظر را حتماً به وسیله ی نرم افزار ویرایشگر عکس re-size نمایید.این کار بسیار ساده ای است: نرم افزار ویرایشگر را باز نمایید، روی منوی آن کلیک نمایید و عکس مورد نظر را مشخص نمایید. و تعداد پیکسل های عرضی(افقی) عکس را متناسب با صفحهء وب سایت تان می کنید.                                                                    

قبل از ذخیره عکس می توانید  کیفیتها و یا رزولوشن های مختلفی را در سطوح بالا و پایین را اعمال کنید .  رزولوشن پایین برای وب سایت های معمول کافی خواهد بود مگر در مواردی که هدف شما طراحی سایت های “هنری” است . بعضی از ویرایشگرهای عکس به شما گزینه های خاص تری برای ذخیره سازی عکس با رزولوشن مناسب در وب سایت ارائه می نماید. در نهایت گزینهی ذخیره ” save as” را انتخاب نموده تا عکس ویرایش شده ی شما با نام دیگری بر روی نسخه ی اصلی ذخیره نشود.

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

                                                                              

 

منبع : گرافیست سایت |مطالبی در مورد سایز تصاویر در طراحی سایت
برچسب ها : سایت ,تصاویر ,طراحی ,ذخیره ,سایز ,هنگام ,طراحی سایت ,سایز تصاویر ,افزار ویرایشگر ,بهینه سازی ,وجود دارد

گرافیک وب سایت چگونه به وجود آمد؟

:: گرافیک وب سایت چگونه به وجود آمد؟
 هنر گرافیک وبسایت جزو هنرهای اصیل است.تاریخ گرافیک به تصاویر از سفالینه های شوش و سیلک تا نگارگری کتابهای خطی در فرهنگ ما جایگاه ویژه ای داشته است برمی گردد. طراحی نماد، تصویرسازی، صفحه آرایی و خطاطی هم در آثار هزاران سال پیش دیده می شود و هم در مدرن ترین آثار امروزی به کار می رود.
آنچه باعث شده این رویکرد طراحی همچنان زنده بماند انعطاف پذیری آن نسبت به تغییرات و پیشرفتهای جوامع است. مثلا با اختراع چاپ، هنر نگارگری جایگاه خود را به صفحه آرایی و تصویرسازی داده است. و حالا امروز، پدیده ی اینترنت اتفاقی به همان اهمیت اختراع خط و یا چاپ است. و در این عرصه نیز گرافیک حرف آخر را می زند.
با پیشرفت جوامع، استفاده  مردم از اینترنت روز به روز افزایش یافته است و اکنون به یکی از قدرتمندترین و پرمخاطب ترین رسانه ها تبدیل شده است. و اینترنت برگ برنده ی این رسانه در این نکته است که بخش اعظمی از مخاطبین، خود نیز تولید کننده محتوا هستند. و روزانه بیش از هفت میلیون صفحه به اینترنت اضافه می شود.
 مسلما نمی توانیم انکار کنیم که این گرافیک است که نهایتا میزان تاثیر و جذب مخاطب را تعیین می کند.
گرافیک فقط نقش تزئینی و جانبی در این زمینه ندارد. گرافیک صفحات وب در مرحله اول باید سهولت دسترسی و نظم دهی به محتوا را تضمین کند و بعد به جنبه های تزئینی بپردازد. نوع و سایز فونتها، رنگها، نحوه چیدن محتوا و طراحی علائم باید با در نظر گرفتن محدودیتهای برنامه نویسی و در راستای هدف اصلی وبسایت قرار بگیرند.
اما از آنجایی که طراحی سایت نیاز به دانستن زبانهای برنامه نویسی دارد، کمتر اتفاق می افتد که یک گرافیست این کار را انجام دهد. گرافیستها اغلب از دیزاین به شیوه کدنویسی رویگردانند و در مقابل مهندسان کامپیوتر و برنامه نویسان وب، بدون توجه به اهمیت موضوع، خود طراحی صفحات را به عهده می گیرند. از آنجایی که  دغدغه ی مهندسان شیوه های برنامه نویسی و استفاده از پایگاه های داده است، اکثر وبسایتهای طراحی شده از لحاظ سیستم برنامه نویسی در سطح قابل قبول، اما از نظر استانداردسازی نحوه نمایش محتوا و طراحی گرافیک در حد بسیار ضعیفی قرار دارند. از طرفی، سایتهای طراحی شده توسط گرافیستها (هرچند محدود) عاری از نکات کلیدی و کاربردی در حوزه برنامه نویسی هستند و غالبا حجم زیادی برای دانلود می گیرند.
 و این به خاطر است که مسئولین معمولا طراحی و راه اندازی وبسایت را به مهندسان متخصص حوزه «برنامه نویسی وب» می سپارند و از اهمیت گرافیک سایت و «طراحی وب» غافل می مانند. به طوریکه بسیاری از کاربران اینترنت هنگام مراجعه به اینگونه وبسایتها دچار نوعی تشویش  می شوند.
راه اندازی سایت به طور کلی به دو حوزه کاملا متفاوت تقسیم می شود: طراحی استاتیک و برنامه نویسی داینامیک. طراحی استاتیک شامل طراحی گرافیک سایت، لی‌آوت، تعیین رنگها، فونتها، و یونیفرم تمام صفحات می باشد که تماما باید تحت زبان برنامه نویسی HTML و CSS اجرا شود. معمولا پیش طرح سایت در نرم فزاری مثل فتوشاپ به طور کامل طراحی، و بعد تحت کدهای استاتیک و با استفاده از تصاویر و انیمیشنهای فلش اجرا می شود. حوزه دوم مربوط به برنامه نویسی داینامیک سایت می شود. می توان گفت برنامه نویسی داینامیک، مربوط به پشت صحنه سایت می شود و مربوط به دریافت یا ارسال اطلاعات از پایگاه های داده می باشد. به عنوان مثال سیستم های مدیریت محتوا (CMS) سیستمهای داینامیکی هستند که کاربر می تواند با استفاده از آنها به راحتی وبسایت خود را به روز کند.
 در طراحی حرفه ای یک وبسایت، باید طراحی استاتیک سایت به عهده گرافیستی قرار بگیرد که به کدهای استاتیک و محدویتهای آنها کاملا مسلط باشد و نیز به استانداردهای رایج در طراحی سایت و شیوه ها و سبکهای نوین آشنایی داشته باشد. در مرحله بعد، یک برنامه نویس داینامیک می تواند محتوای سایت را از پایگاه های داده به قالب استاتیک سایت انتقال دهد.در حالی که نیاز امروز فعالیت در عرصه های جدید و گاه تلفیقی را می خواهد و همچون هزارن سال گذشته، از گرافیک، انعطاف پذیری و کاربردی بودن را انتظار دارد. 
انتظار می رود هم گرافیستها خود را از رویکرد سنتی نسبت به طراحی رها کنند و هم مدیران و مسئولان به گرافیک و اهمیت آن در طراحی سایت ها توجه داشته باشند.

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

سایت استاتیک یا سایت داینامیک چیست؟

:: سایت استاتیک یا سایت داینامیک چیست؟

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

سایت استاتیک یا ثابت (Static Website):

این سایتها یکبار طراحی می شوند و اطلاعات مورد نیاز در داخل آنها قرار می گیرد و پس از آن برای تغییر در آنها نیاز به یک طراح حرفه ای یا نیمه حرفه ای سایت است. این وبسایتها معمولا بدون برنامه نویسی راه اندازی می شوند و زبان کدنویسی اینگونه از سایتها غالبا HTML و CSS و Java Script هستند. وب سایت های استاتیک قیمت طراحی پایین تری را نیز عمدتا نسبت به سایر سایتها دارند.

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

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

توصیه: اگر وبسایت برای شرکت اصولا جدی نیستهیچوقت سراغ وبسایتهای استاتیک نروید! در غیر اینصورت با کمی هزینه بیشتر، سایتی با قابلیت به روز رسانی داشته باشید.

 

سایت داینامیک یا پویا (Dynamic Website):

اینگونه سایتها معمولا دارای یک CMS (مخفف Content Management System) به معنای سیستم مدیریت محتوا هستند. محتوای سایتهای داینامیک بعد از طراحی توسط افراد عادی که دسترسی به این سیستم مدیریت محتوای سایت داشته باشند قابل تغییر است. زبان برنامه نویسی وبسایتهای داینامیک می تواند براساس نیاز متفاوت باشد اما عمدتا بر پایه یکی از زبانهای ASP یا Php توسعه می یابند.

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

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

منبع : گرافیست سایت |سایت استاتیک یا سایت داینامیک چیست؟
برچسب ها : سایت ,استاتیک ,سایتها ,ایجاد ,داینامیک ,تغییر ,برنامه نویسی ,توسط افراد ,سیستم مدیریت ,سایت داینامیک ,سایتهای داینامیک ,توسط مدیران سایتها

چه راهکارهایی برای داشتن یک بنر تبلیغاتی اینترنتی زیبا و مؤثر وجود دارد؟

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

منبع : گرافیست سایت |چه راهکارهایی برای داشتن یک بنر تبلیغاتی اینترنتی زیبا و مؤثر وجود دارد؟
برچسب ها : تبلیغاتی ,استفاده ,ابزارهای ,تبلیغاتی اینترنتی ,ابزارهای تبلیغاتی

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

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

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

منبع : گرافیست سایت |چگونه می توانیم لوگوهای سیاه و سفید با طراحی های الهام بخش بسازیم؟
برچسب ها : سیاه ,طراحی ,لوگو ,زیبایی ,لوگوی ,لوگوهای ,لوگوهای سیاه ,طراحی لوگو ,تاثیر گذاری ,لوگوی سیاه

اهمیت رنگها در طراحی وب سایت

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

شاید  مقوله عکس و کیفیت  بر روی بازدیدکننگان سایت بسیار مهم باشد، البته عکسی که در بنر سایت استفاده میکنید بسیار مهم است و میتواند بسیار تاثیرگذار باشد و نیز بتواند خود به تنهایی گویای تمامی کسب و کار و تجارت شما باشد، اما آن چیزی که بر روی اثر لحظه اول بسیار تاثیر گذار است، رنگ وب سایت است.

 این رنگ  و رنگهای بکار گرفته شده درطرحهای شماست که حس اطمینان، راحتی، قدمت و . . . را بسیار سریع رادر ذهن و ضمیر ناخودآگاه بازدیدکنندگان سایت شما رقم می زند. و اینجاست که بحث “روانشناسی رنگها” و “هارمونی رنگها” به میان میاید ، مخصوصا که اگر وب سایتی در راه کسب و کار راه اندازی شده باشد این مطلب که بتوانید اعتماد و اطمینان بازدیدکنندگان را جلب نمایید بسیار مهم است .رنگها بر روی تمامی ما اثرگذار هستند و این مطلب از لحاظ علمی ثابت شده است.

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

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

منبع : گرافیست سایت |اهمیت رنگها در طراحی وب سایت
برچسب ها : سایت ,بازدیدکنندگان ,کرده ,بازدیدکنندگان سایت ,ناخودآگاه بازدیدکنندگان ,ضمیر ناخودآگاه ,ضمیر ناخودآگاه بازدیدکنندگان

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

:: برای شگفتی آفرینی ایلوستریتور در خلق وکتور با مدل های تکرار پیشرفته چه باید کرد؟
بسیاری از اشکال و اشیائی که اطراف ما هستند  از تکرار یک شکل یا شیئ با تغییر گسسته در ابعاد ، چرخش و یا جا به جایی و یا تقارن نسبت به شکل اولیه بدست می آید.مثلا یک گل با 6 گلبرگ تکرار یک گلبرگ است که هر گلبرگ نسبت به گلبرگ قبلی بر محور انتهای گلبرگ 60 درجه چرخش دارد. و بسیاری اشکال دیگرکه میشودبا تکرار، چرخش ، جا به جایی ، قرینه سازی و تغییر ابعاد ساخت. کافیست مدل تکرار رادرک کنیم تا به راحتی با افکت transform در نرم افزار ایلوستریتور آن اشکال راترسیم کنیم.
افکت transform شگفتی ساز ساخت اشکال بر اساس مدل های تکرار ساده یا ترکیبی است. برای اعمال این افکت روی ترسیم اولیه ، بعد از انتخاب ترسیم مورد نظر که قبلا انجام دادید ، به منوی Effect رفته و زیرمنوی Distort & Transform رو کلیک کنید تا پنجره مورد نظرباز شود.

منبع : گرافیست سایت |برای شگفتی آفرینی ایلوستریتور در خلق وکتور با مدل های تکرار پیشرفته چه باید کرد؟
برچسب ها : تکرار ,گلبرگ ,transform ,افکت ,چرخش ,افکت transform

عوامل موفقیت یا عدم موفقیت وب سایت ها در طراحی چیست؟

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

1- هدف/ مهمترین عامل موفقیت یک وب سایت

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

2- وضوح راهی برای کسب موفقیت سایت

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

3-قابلیت استفاده نیاز اولیه کاربران سایت

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

4- دسترس پذیری عاملی برای کسب موفقیت سایت

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

5- تمرکز بر روی کاربر اولویت طراحی سایت

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

6- جابجایی در محتوا یا ناوبری در سایت

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

7- ظاهر سایت  

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

                                                                                                 

 

منبع : گرافیست سایت |عوامل موفقیت یا عدم موفقیت وب سایت ها در طراحی چیست؟
برچسب ها : سایت ,طراحی ,کاربر ,بازدید ,کننده ,موفقیت ,بازدید کننده ,قابلیت استفاده ,دسترس پذیری ,برای بازدید ,داشته باشد ,برای بازدید کننده

اصول طراحی بنرهای تبلیغاتی برای وب سایت های تجارت الکترونیک چیست؟

:: اصول طراحی بنرهای تبلیغاتی برای وب سایت های تجارت الکترونیک چیست؟

بنرهای تبلیغاتی موفق غالبا محتوای خلاقانه، خلاصه و مستقیم دارند که معمولاً ایده اصلی چند محصولرا ارائه نمی دهد. برای تجارت های الکترونیک یا خرده فروش های آنلاین، یک بنر تبلیغاتی که خوب طراحی شده باشد می تواند کاربر را با ماهیت محصول ارائه شده آشنا کند.

بنرهای تبلیغاتی از سال 1994 یکی از اشکال اصلی بازاریابی اینترنتی هستند. اگر به شکل بنرهای تبلیغاتی و کارایی آنها دقت کنید،  متوجه میشوید که بنرها در دنیای اینترنت کار تبلیغات کاغذی در دنیای واقعی را می کنند. روزنامه های بیست یا حتی ده سال پیش را بخاطر بیاورید؛ آن سال ها تبلیغات روزنامه ها در حاشیه متن اصلی نوشته میشد. بخاطر همین خاطره ای که از روزنامه ها داریم، دیدن تبلیغات بنری و بنرهای تبلیغاتی برایمان آشنا بنظر میرسد و بیشترمان با آن مشکلی نداریم.

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

 بنرهای تبلیغاتی بسیار رقابتی هستند. این ویژگی خاص که کاربران مستقیماً به صفحه فروش محصول هدایت میشوند،بنرها را بسیار رقابتی میکند. بسیاری از بازاریابان می خواهند در این بازار ر نظر کاربران را جلب کنند و این جلب نظر بدون رعایت اصول طراحی بنرهای تبلیغاتی محقق نمی شود. اگر می خواهید بنرهای تبلیغاتی طراحی کنید که در فضای رقابتی بهره وری کافی داشته باشند، باید این اصول را رعایت کنید.

برای طراحی یک بنر تبلیغاتی اگر این اصول را در نظر داشته باشید آن دسته از کاربرانی که به وب سایت تان می آیند روی این بنرها کلیک کنند.

1- هدف مشخصی داشته باشید

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

اگر فروش یک محصول هدف مورد نظر  باشد، می خواهید این بنر تبلیغاتی چند درصد فروش  را تقویت کند؟ بنر تبلیغاتی که طراحی می کنید قرار است چند خرید بالقوه را به خرید موفق تبدیل کند؟ اصلاً نرخ تبدیل این بنر مهم است؟                                                                                                      اهداف بنر تبلیغاتی تان رانحوه طراحی آنها را مشخص می کنند؛ قبل از هر چیز اهداف بنرهای تبلیغاتی را مشخص کنید.

 

2- طراحی باید الزام آور، مختصر و واضح باشد

 

باب آرنولد، سرپرست بازاریابی دیجیتالی گوگل در یکی از شبکه های اجتماعی به نکته جالبی اشاره کرد : " در نیمه دوم سال 2014، بنر خلاقانه ای که برای کمپین گجت های پوشیدنی اندروید طراحی شده بود باعث افزایش 15.8 درصدی بازدید از کمپین و افزایش 9.4 درصدی مشارکت در کمپین شد."

 

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

 

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

 

مختصر بودن طراحی به این معنی است که بنر تبلیغاتی روی یک محصول یا یکی از ویژگی های محصول تمرکز کند. فردی که بنر تبلیغاتی را می بینید قرار نیست چند ثانیه به آن نگاه کنید و احتمالاً فقط یک لحظه نگاهش به بنر میخورد؛ اگر پیام تان مختصر باشد در همان لحظه کوتاه به بیننده منتقل میشود.

 

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

 

3- مطابقت با نمایشگرها و دستگاه های مختلف

 

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

 

4- تست بنرهای تبلیغاتی

 

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

 

بهترین راه برای خارج کردن طراحی بنرهای تبلیغاتی از حالت انتزاعی، تست کردن آنهاست. باب آرنولد یک روش خلاقانه برای تست بنرهای تبلیغاتی پیشنهاد میکند؛ در این روش یک بنر تبلیغاتی را برای یک سایت مشخص و کاربران بالقوه مشخص نمایش میدهید اما روش معرفی یا ارائه محصول را تغییر میدهید. به این ترتیب متوجه می شویدکه واقعاً لازم است طراحی بنرهای تبلیغاتی را تغییر دهید یا خیر.

 

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

 

می توانید بنرهای تبلیغاتی را با روش چند متغیری هم آزمایش کنید. چندین نسخه از بنرهای تبلیغاتی تان را در یک زمان و با روش یکسان منتشر کنید. شاخص های کارایی هر بنر را بررسی کنید و اندازه بگیرید. ببینید کدام یک از نسخه ها بیشترین تاثیر را روی میزان فروش دارند یا پاسخگوی اهداف بیشتری هستند.

 

بنرهای تبلیغانتی را بهینه سازی کنید و اینکار را آنقدر ادامه بدهید که به نتایج دلخواه تان برسید.

 

 

منبع : گرافیست سایت |اصول طراحی بنرهای تبلیغاتی برای وب سایت های تجارت الکترونیک چیست؟
برچسب ها : تبلیغاتی ,بنرهای ,طراحی ,محصول ,مشخص ,اهداف ,بنرهای تبلیغاتی ,طراحی بنرهای ,تجارت الکترونیک ,بودن طراحی ,برای رسیدن ,طراحی بنرهای تبلیغاتی ,اصو

راهکار هایی طراحی وب سایت برای جلب اعتماد کاربر

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

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

 1- به وعده های خود در طراحی سایت عمل کنید.

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

مثلاً یکی از نقاط برجسته کسب اعتماد از کاربر این است که زمانی که قرار است خبرنامه ای را برای کاربرانتان ارسال کنید، هیچ گاه پیام های تبلیغاتی خود را در آن نگنجانید و آن چیزی را به کاربر ارائه کنید که برای آن در سیستم خبرنامه شما عضو شده است.

2- رعایت اصول سازگاری در طراحی سایت

سازگاری  روش ارائه مطالب مطابق با نسخه های قبلی و یا سایت های مشابه است که توان یادگیری و یا دوباره یادگیری کمتری از کاربر بخواهد.زمانی که یک کاربر با وب سایت قدیمی شما رابطه برقرار کرده، تغییر واسط کاربری به یک رابط کاربری متفاوت، در حقیقت ذهنیت کاربر و استفاده کاربر از سایت شما را با مشکل روبرو میکند.

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

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

3تمیز بودن وب سایت

منظور از تمیز بودن این است که شلوغ و پر رنگ و حاشیه نباشد! اگر به دنبال جلب اعتماد بیشتر کاربران سایت خود هستید، سعی کنید تا رعایت اصولی مانند ایجاد فضای خالی در وب سایت، رعایت ترکیب بندی و رنگ بندی متناسب با متون و قابل خواندن  بودن محتوای ارائه شده به کاربر را همیشه در نظر داشته باشید.

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

4- زمینه های یکسان در طراحی سایت داشته باشید.

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

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

5-با صدای خودتان در طراحی سایت صحبت کنید.

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

6- سایت را برای کاربران طراحی کنید، نه موتورهای جستجو

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

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

7- انجام تغییرات به صورت آهسته در طراحی سایت

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

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

8- طراحی سایت مطابق با تمایلات کاربر

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

با کاربران خود صادق باشید، همان چیزی را ارائه کنید که میگویید، همان چیزی را بسازید که کاربر میخواهد تا حس اعتماد کاربر را نسبت به خود زنده نگاه دارید.

9- فرآیند های سایت را ساده طراحی کنید، نه ساده لوحانه.

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

اینکه در تمام صفحات و فرآیند های کاری شما بخواهید توضیحات اضافه ای درج کنید مسئله خوبی در جذب اعتماد کاربر نخواهد بود.

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

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

                                                                                                                                                                                          

 

 

 

                                                                       

منبع : گرافیست سایت |راهکار هایی طراحی وب سایت برای جلب اعتماد کاربر
برچسب ها : سایت ,کاربر ,طراحی ,ارائه ,چیزی ,تغییرات ,طراحی سایت ,اعتماد کاربر ,همان چیزی ,داشته باشید ,موتورهای جستجو ,فدای زیبایی ظاهری ,احساس راحتی بیشتر

مطالی در مور بک لینک

:: مطالی در مور بک لینک
Link Buildingیکی از مهمترین فرایند های بهینه سازی یک سایت  است .لینک سازی توسط سئوکاران غیر حرفه ای فراموش می شود و و یا ممکن است آنها طوری لینک سازی انجام دهند که اثر بد یا خنثی داشته باشد.                                                                                                                                Link Building به چه معناست؟

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

لینک سازی یعنی ساخت لینک هایی که به سایت اشاره دارند.سایت شما به لینک سازی نیاز دارد.بدون لینک سازی هر چه در محتوا و ساختار سایت خود از نظر سئو انجام داده اید، بی فایده خواهد بود(به جز موارد کم یا بی رقابت).وقتی لینک شما در سایت های تالار گفتگو (forum) قرار می گیرد، وقتی لینک شما در وبلاگی در قسمت پیوند ها قرار میگیرد ، وقتی برای سایت خود تبلیغ بنری می کنید (لینک بنر) ، وقتی لینک شما در کامنتی ثبت می شود، زمانی که سایتی شما را در قسمت مورد علاقه خود به عنوان لینک مفید قرار می دهد و یا در موضوع خاصی به صفحه ای از سایت شما ارجاع می دهد، وقتی لینک شما در شبکه های اجتماعی به اشتراک گذاشته می شود، همه اینها لینک سازی محسوب می شود.

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

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

لازم به ذکر است گوگل هیچ وقت توصیه نکرده است که شما Link Building انجام دهید. توصیه کرده است که با ارئه خدمات و مطالب مفید و دست اول، لینک جمع کنید.یعنی دیگران خود به خود شما را به خاطر کیفیت خدمات و محتوایتان لینک کنند.از طرفی منابع غیر رسمی وبعضی اوقات مدیر بخش اسپم گوگل(مت کاتز) ، Link Building را نفی نکرده است و بر تأثیر گذار بودن و مهم بودن آن اشاره کرده است.

یک سایت بدون اینکه کسی او را لینک کرده باشد، محبوبیتی در موتور های جستجو نخواهد داشت.لذا اگر فکر می کنید با بهینه سازی داخلی سایت (on page seo)، سایت شما سئو شده است سخت در اشتباهید.بهینه سازی داخلی سایت شبیه  چرخ اتومبیل می ماند.یک اتومبیل، برای حرکت، نیاز به چرخ دارد.هر چقدر هم که موتور و بدنه قوی داشته باشد، بدون چرخ هیچ خاصیتی ندارد.بهینه سازی داخلی مانند چرخ، تنها پایه حرکت است.اگر سایتی لینک سازی نداشته باشد، مانند یک اتومبیل بدون موتور و با بدنه ضعیف است.

اما Link Building در دنیای سئو دارای پیچیدگی و تغییرات زیادی است و به این سادگی که گفته شد هم نیست. Link Building اگر به درستی انجام نشود می تواند سایت را برای همیشه از موتور های جستجو به خصوص گوگل حذف کند.وبیش از ۷۰ درصد سئو را شامل می شود.ولی شاید برای موضوعات بی رقابت یا خیلی کم رقابت، بتوان از Link Building صرف نظر کرد.اما در هر موضوعی با هر رقابتی Link Building خوب ر بسیار زیادی دارد.

منبع : گرافیست سایت |مطالی در مور بک لینک
برچسب ها : لینک ,سازی ,سایت ,انجام ,موتور ,link ,لینک سازی ,وقتی لینک ,بهینه سازی ,سازی داخلی ,لینک کنند

استفاده از بهترین مطالب در وب سایت با طراحی موبایل

:: استفاده از بهترین مطالب در وب سایت با طراحی موبایل

lمعمولادر دنیای تکنولوژی ، بارها راجع به طراحی وب و بازاریابی مطالب، یعنی گذاشتن مطالب مفید در وب سایت ، چیزهایی شنیده اید. این دو واژه ، در دنیای تکنولوژی در حال رشد می باشند.

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

 آیامی توانیم طراحی موبایل و استراتژی گذاشتن مطالب مفید در وب سایت را بدون تغییر اصل موضوع یا پارامترهای طراحی با هم ترکیب کنیم؟یامحتوای مطالب در وب سایت ما ، به خاطر محدودیت های مربوط به طراحی برای صفحه نمایش های کوچک ، تغییر می کنند؟

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

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

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

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

طراحی خود را به صورت تیمی انجام دهید.

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

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

 از طراحان حرفه ای وب سایت انتظار می رود تا مطالب مورد علاقه کاربران را در وب سایت قرار دهند، مطالبی که واقعا به درد آن ها بخورد.اگر به عنوان یک طراح، قست بازاریابی در وب سایت ندارید اصلا نترسید. دیدگاه خود را تغییر دهید. اگر فردی به شما گفت که وب سایت ، وب سایتی غیراستاندارد است، اصلا گوش ندهید و سعی کنید تا مطالب وب سایت خود را بسیار فوق العاده انتخاب کرده و با گذاشتن این مطالب بتوانید کاربران بیشتری را به سمت وب سایت خود جذب کنید.

 

استراتژی های خود را طبقه بندی کنید.

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

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

  • کاربر وب سایت شما چه کسی است؟
  • شما باید از چه اطلاعاتی در وب سایت خود استفاده کنید؟
  • کاربران از چه دستگاهی برای جستجوی مطالب مورد نظر خود در وب سایت استفاده می کنند؟ شما از چه طریقی می توانید تجربه کاربران خود را در این زمینه بالا ببرید؟
  • چه موقع کاربران به وب سایت شما دسترسی دارند؟

قابلیت  دستگاه هایی را مشخص کنید که تجربه کاربران را بالا می برند

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

می توانید بهترین مکان با بهترین غذا رو با اینترنت خود پیدا کنید. حتی می توانید با کلیک بر روی دکمه “call us”  با مدیر رستواران در تماس باشید و هر آن چه که بخواهید را به منوی غذای خود اضافه کنید. GPS، مرورگر موبایل و صفحه نمایش لمسی و همچنین قابلیت های دیگر موبایل شما ، ابزاری هستند که می توانیدبه وسیله آن ها، خرید خود را به صورت آنلاین انجام دهید.

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

در طراحی های سنتی وب سایت، نیاز کاربران وب سایت با محتوای مطالب گذاشته شده در وب سایت تغییر می کرد.به این  معنا که طراحان هنگام طراحی وب سایت ، موضوعات را بر مبنای موبایل ها در نظر گرفته و به همین دلیل، نیاز کاربران با تغییر دستگاه ها ، تغییر می کرد. با توجه به گزارش گوگل در سال 2012 ، 67% از مطالب برای دستگاه ها گذاشته می شد و در دنیایی که دارای چندین صفحه نمایش برای گذاشتن مطالب می باشد ، کاربران وب سایت می توانند خرید خود را از طریق این دستگاه ها به صورت آنلاین انجام دهند

چارچوب طراحی واکنشگرا را مد نظر قرار دهید که دستگاه های آن ، محدودیت زیادی دارند

ترکیب طراحی واکنشگرا با استراتژی بازاریابی مطالب در وب سایت،  را به سمت تجارتی بهینه سوق می دهد و مطالب غیر مفید را از وب سایت حذف می کند و بر روی مطالبی تاکید می کند که برای کاربران بسیار اهمیت دارند. اگرمطالب وب سایت برای کاربران جذاب نباشد ، به سراغ وب سایت های رقیب شما می روند و خیلی راحت مطلب مورد نظر خود را پیدا می کنند.

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

 

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

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

 

نتیجه گیری

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

کاربران موبایل خیلی عجول و پر مشغله هستند.آن ها نمی خواهند که رومان بخوانند. در عوض کاربران به دنبال مطالب کوتاه و بسیار مفید در وب سایت می باشند.آن ها دوست دارند تا  از طریق تبلت ، desktop یا تلفن های هوشمند خود ،خیلی سریع به مطالب مورد نظر خود دسترسی پیدا کنند.

بهتر است که کاربران ، برای داشتن بهترین مطالب در وب سایت ، از طراحی واکنشگرا استفاده کنند و از قابلیت های منحصر به فرد آن برای پیش بینی نیاز کاربران و برطرف کردن نیاز ها و خواسته های آن ها ، استفاده کنند. GPS ها ، دوربین ، ویدئو و وب سایت های مربوط به تلفن های هوشمند ، روش های جدیدی را در اختیار کاربران وب سایت قرار می دهند تا بتوانند به صورت آنلاین  به مطالب مورد نظر خود دسترسی پیدا کنند. طراحان باید برای رسیدن به اهداف بهینه سازی ، از برنامه ریزی های دقیق و رویکردهای یکپارچه در وب سایت خود استفاده کنند و با گذاشتن مطالب مورد نیاز کاربران ، آن ها را هر چه بیشتر به سمت وب سایت خود جلب کرده و به موفقیت برسند.

                                                                                                                            

منبع : گرافیست سایت |استفاده از بهترین مطالب در وب سایت با طراحی موبایل
برچسب ها : سایت ,مطالب ,کاربران ,طراحی ,استفاده ,موبایل ,گذاشتن مطالب ,نیاز کاربران ,طراحی واکنشگرا ,صفحه نمایش ,مطالب مورد ,صورت آنلاین انجام ,طراحی واکن

تفاوت UI با UX در طراحی وب سایت

:: تفاوت UI با UX در طراحی وب سایت
طراحی یک مفهوم نسبتا گسترده است. وقتی شخصی میگوید که من یک طراح هستم، به روشنی مشخص نمیشود که فعالیت روزانه او دقیقاً شامل چه کارهایی میشود.  در طراحی، وظایف متعددی جای گرفته است که معمولاً هر کدام زمینه های تخصصی ای به حساب می آیند.
طراحی ی مفهوم گسترده ای دارد  که از صنعت ( مانند خودرو و ساخت و تولید و … ) تا چاپ ( طراحی و چاپ کاغذی، تابلو و …) و فضای فناوری اطللاعات ( نرم افزار ها و رابط های کاربری) گستردگی دارد. با حجوم گسترده تمامی طیف های شغلی و حرفه ای به فضای فناوری اطلاعات، مفاهیمی مانند UX و UI که مخصوص واسط کاربری در صفحات نمایش هستند برای بیشتر طراحان نامفهوم می باشد.                                       

UX چیست ؟

ux مخفف کلمه User Experience می باشد . معنی تحت اللفظی آن “تجربه کاربر” می باشد. در حقیقت طراحان “تجربه کاربر” یا همان UX Designers تمام تلاش خود را میکنند تا بهترین سناریو برای آشنایی یک کاربر با یک محصول را ایجاد نمایند. از آنجا که این موضوع یک روش خاصی ندارد و متناسب با سوژه های مورد نظر ممکن است راهکارهای فراوانی داشته باشد کار زمانبر و دشواری است. یک طراح تجربه کاربر میخواهد مشکلات کاربر را در مواجهه با سوژه مورد نظر خود، چه از نظر کلامی و لغتی، و چه از نظر محل قرار گیری موارد و زیبایی شناختی و … مورد بررسی قرار دهد و در پی حل آن ها تلاش می کنند تا به بهترین تجربه کاری کاربر  دست یابد.

    • محصول نهایی UX :

Wireframes صفحه , storyboards و  sitemap

    • برنامه های کاربردی :

Photoshop, Sketch, Illustrator, Fireworks, InVision

UI چیست ؟

UI مخفف  User Interface میباشد که به صورت تحت اللفطی به “رابط کاربری” معنا میشود. بر خلاف UX که بر احساس کلی کاربر از یک محصول معطوف است، UI به چگونگی صفحه بندی محصول توجه دارد. آنها مسئول طراحی هر صفحه با ابزارها هستند که بتواند مسیری که طراح UX طراحی نموده را قرار دادن و جایگذاری نماید. به عنوان مثال زمانی که یک طراح UI میخواهد یک داشبورد سیستم آمارگیری را طراحی  کند، ممکن است تصمیم بگیرد که مهمترین موضوع صفحه را در بالای صفحه قرار دهد، و یا آن را در نوار کناری صفحه و با طراحی یک دکمه آن را به گونه ای که به تجربه مشاهده ای کاربر و کلیت طرح کمک نماید نمایش بدهد.

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

    • محصول نهایی UI :

طراحی رابط کاربری نهایی

    • برنامه های کاربردی :

Photoshop, Sketch, Illustrator, Fireworks

به صورت کلی باید گفت که مرز بین UI و UX در بیشتر موارد مبهم است و در بسیاری از موارد شرکت ها این نقش را ادغام میکنند و به یک شخص و یا گروه کاری واگذار میکنند.

منبع : گرافیست سایت |تفاوت UI با UX در طراحی وب سایت
برچسب ها : طراحی ,محصول ,صفحه ,کاربر ,مورد ,نمایش ,photoshop sketch ,sketch illustrator ,illustrator fireworks ,کاربردی photoshop ,محصول نهایی ,sketch illustrator fireworks ,photoshop sketch illustrator ,کاربردی ph

تعریف HTMLوتعریف CSSوروش های استفاده از کد های CSS وقوانین CSSوارتباط CSSبا HTML

:: تعریف HTMLوتعریف CSSوروش های استفاده از کد های CSS وقوانین CSSوارتباط CSSبا HTML
HTML به زبانی 'می شود که اواین قدم صفحات وب سایت است. عموما تمام زبانهای برنامه نویسی تحت وب، به نوعی وابسته به زبان HTML می باشند. بعنوان مثال، PHP، جاوا اسکریپت و زبان برنامه نویسی دات نت، زبانهایی هستند که علاوه بر داشتن قوانین و استانداردهای خود، از زبان HTML کمک می گیرند بطوریکه کدهای نوشته شده در قالب خاصی، در بین کدهای HTML قرار داده می شود.

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

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

بعنوان مثال در زبان HTML چنانچه بخواهید متنی را بولد نمایید از کد زیر استفاده می نمایید:
                                                                                                                                  کاربرد CSS                                                                                                                              زمانی HTML پا به عرصه دنیای اینترنت گذاشت،  این زبان تنها برای نمایش متن و عکس بود  عملا در آن زمان، کسی  فکر آن را نمی کرد که روزی برسد که اینترنت به خانه های صدها میلیون انسان و بر روی کامپیوترهای شخصی راه پیدا کند.

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

CSS چیست؟

CSS  زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد شده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

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

  تصور کنید که سایت شما شامل 100 صفحه استاتیک می باشد و شما آنها را تماما به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تا فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر 100 صفحه نیز به همان راحتی خواهد بود؟

CSS دقیقا همان زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا شکل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک.

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

روش استفاده از کدهای CSS

پیش از ظهور CSS، تقریبا تمامی ویژگیهای طراحی کدهای HTML صفحات سایت ها، درون خود تگها و کدهای HTML قرار داده می شدند. تمامی فونت ها، رنگ ها، پیش زمینه ها، همطرازی ها، حاشیه ها و سایزها می بایست بصورت صریح بیان می شدند و اغلب تکراری از مکررات، در کدهای HTML به چشم می خورد. CSS به طراحان این اجازه را داد تا اکثر اطلاعات به بخشی جداگانه که برای این منظور طراحی شده بود، منتقل کنند که منجر به افزایش چشمگیری در سادگی و خوانایی کدهای HTML شد.

سر تیترها (تگ های h1)، زیر تیترها (h2)، و غیره، بطور ساختاری با HTML تعریف می شوند. در نسخه چاپی و نسخه نمایشی، انتخاب فونت ها، رنگ ها، و غیره، کمی توانند کاملا متفاوت باشند.

پیش از ظهور CSS، طراحان صفحات اینترنتی، که می خواستند چنین مشخصه های تایپوگرافی را مثلا به تمام h2 ها اعمال کنند، مجبور بودند تا از تگ font و دیگر تگ ها که از تگ های HTML است برای تمام h2 استفاده کنند. ویژگی های طراحی وقتی به کدهای HTML اضافه می شوند، صفحات را پیچیده خواهند کرد و بیشتر از همه اعمال تغییرات آتی در صفحات را مشکلتر خواهند کرد. در نسخه چاپی، CSS می تواند رنگ، فونت، همطرازی متون، سایز، حاشیه، فاصله، موقعیت و بسیاری دیگر از مشخصه های تایپوگرافی طراحی را در خود جای دهد.

اینکار می تواند بطور کاملا مجزا برای هر یک از نسخه های چاپی و نمایشی مورد استفاده قرار گیرد. CSS همچنین ویژگیهای غیر بصری را نیز تعریف می کند، ویژگیهایی نظیر سرعت خواندن و تاکید بر روی متونی که توسط ابزارها و نرم افزارهای پخش صوتی متون مورد استفاده قرار می گیرند. کنسرسیوم شبکه جهانی وب W3C هم اکنون مزیت CSS را برای تعریف تمام ویژگیهای طراحی صفحات HTML بر تمامی روشهای دیگر ارجح می داند بطوریکه با ظهور CSS، استفاده محض از HTML بدون CSS، جلوه بدی را بخود گرفته است.

فایلهای CSS، با استفاده از قوانین زیر، درون صفحات HTML قرار داده می شوند:

 

CSS ها ساختارهای ساده ای دارند و از تعدادی کلمات کلیدی انگلیسی برای مشخص کردن ویژگیهای مختلف در طراحی استفاده می کنند. یک CSS از تعدادی قوانین تشکیل شده است. هر یک از این قوانین، از یک یا تعداد بیشتری انتخاب کننده یا selector تشکیل شده است و هر کدام از آنها دارای یک بلوک توصیف هستند. بلوک توصیف، از تعدادی توصیف تشکیل شده است که همه آنها درون یک بلوک آکلاد ({}) قرار گرفته اند. هر توصیف به خودی خود، از یک مشخصه یا property، یک کالن (:)، و یک مقدار تشکیل شده است. چنانچه چندین توصیف در یک بلوک وجود داشته باشد، از سمی کالن (;)، برای جداسازی آنها استفاده می شود.

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

شبه کلاسها نوعی دیگری از ویژگیهایی هستند که در CSS ها مورد استفاده قرار می گیرند تا به المانهای روی صفحه، هویت بخشند. در برخی حالات، از ID های یکتا برای اعمال بلوکی از CSS ها استفاده می شود. یکی از مرسوم ترین مثالها در این مورد، شبه کلاسها، کلاس :hover است که هنگامیکه کاربر موس خود را روی المانی می برد، کلاس خاصی را به آن المان اعمال می کند. این کلاس، به انتخاب کننده ای متصل می شود نظیر a:hover و یا #elementid:hover. بعنوان مثالهای دیگر، می توان به شبه کلاسها و شبه المانهای :first-line و :visited یا :before اشاره کرد.

شبه کلاسها، کل المانها را انتخاب می کنند. بعنوان مثال، :link یا :visited ، درحالیکه شبه المانها عناصری را انتخاب می کنند که ممکن است از المانهای ریزتری تشکیل شده باشند، نظیر :first-line یا :first-letter.

انتخاب کننده ها ممکن است به شکلهای دیگری نیز با هم ترکیب شوند تا انعطاف پذیری بیشتری بدست آید، بویژه در CSS 2.1.                                                                                                                 

ارتباط CSS با HTML

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

الویت در منابع CSS

الویت در منابع CSS (از بالاترین به پایینترین):
CSSهای نوشته شده توسط طراحان وب سایت:

  • CSSهای درون خطی: درون کدهای HTML صفحات، ویژگیهای طراحی برای یک المان خاص، با استفاده از "style" مشخص می شوند.
  • CSSهای جاسازی درونی، بلوکی از کدهای CSS درون خود صفحه HTML
  • CSSهای خارجی، یعنی فایلی جداگانه از CSS که از صفحه HTML به آن ارجاع داده می شود.

CSSهای کاربران:

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

CSSهای پیش فرض:

  • CSSهایی می باشند که بطور پیش فرض توسط مرورگر اعمال می شوند. با وجود این CSSهای پیش فرض، نیاز نخواهیم داشت تا همه CSSهای یک المان را تعریف و پیاده سازی نماییم.

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

منبع : گرافیست سایت |تعریف HTMLوتعریف CSSوروش های استفاده از کد های CSS وقوانین CSSوارتباط CSSبا HTML
برچسب ها : html ,استفاده ,کدهای ,زبان ,طراحی ,شوند ,کدهای html ,برنامه نویسی ,زبان html ,انتخاب کننده ,ویژهای طراحی ,کدهای برنامه نویسی ,زبان برنامه نویسی

آینده طراحی سایت واکنش گرا چگونه است؟

:: آینده طراحی سایت واکنش گرا چگونه است؟
اصطلاح واکنش گرایی در بین طراحان وب سایت به گونه ای رواج پیدا کرده که دیگر کسی نمیگوید ” طراحی وب سایت واکنش گرا” فقط میگویند “طراحی وب سایت” که در حال حاضر منظور از این دو دقیقاً یک منظور است! در حقیقت طراحی وب سایت Responsive دیگر از یک گزینه انتخابی به یک گزینه پیش فرض برای طراحی وب سایت تبدیل شده است.طبیعتا نظرات در خصوص انتخاب تکنیک های طراحی Responsive متفاوت است، بسیاری از سایت هایی که ادعا میکنند واکنش گرا هستند ولی نیستنندبه صورت سطحی و تنها در انتخاب عرض وب سایت است که متناسب با صفحه نمایش تغییر پیدا میکنند ولی به طور کلی حرف از طراحی وب سایت واکنش گرا همه جا وجود دارد.

برای اینکه متوجه شویم که طراحی واسط کاربری Responsive به کجا خواهد رفت، باید بدانیم که این سبک از کجا آمده است!

نیاز مادر اختراعات است.

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

 

طراحی سایت Responsive تنها راه زنده ماندن وب.

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

طراحی واکنش گرا برای دستگاه های پوشیدنی یا Wearables

تنها اگر شما در سال گذشته در یک کپسول در بسته زندگی کرده باشید( تلاش برای آماده سازی خود برای ارسال به مریخ!) شما نمیدانید که اپل دستگاه پوشیدنی خود را با نام apple watch  به بازار روانه کرده است. ساعت اپل اولین وسیله هوشمند پوشیدنی نیست، حتی اولین ساعت هوشمند نیز نیست اما این یک دستگاه برای شهرت بخشیدن به دستگاه های پوشیدنی خواهد بود و در ذهن مردم آن را به عنوان بهترین پوشیدنی اسم خواهند برد، همانگونه که آیپاد اولین پخش کننده موزیک نبود اما بهترین شد، همانگونه که آیفون اولین گوشی هوشمند نبود اما تبدیل به محبوبترین شد که البته بازاریابی وسیع اپل در این زمینه بسیار حائز اهمیت است.

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

آینده طراحی سایت واکنش گرا

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

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

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

                                                                  

منبع : گرافیست سایت |آینده طراحی سایت واکنش گرا چگونه است؟
برچسب ها : طراحی ,سایت ,واکنش ,دستگاه ,responsive ,آینده ,سایت واکنش ,طراحی واکنش ,طراحی سایت ,سایت responsive ,زنده ماندن

روش هایی برای داشتن یک وبلاگ نویسی حرفه ای

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

محتوا حرف اول را می زند.


یک وبلاگ خوب در درجه اول باید محتوای خوبی داشته باشد، مهم نیست در چه زمینه ای می نویسید، مهم این است که در هر کاری نهایت دقت و حوصله را به خرج دهید تا مطالبی شایسته مخاطبان داشته باشید، برخی فکر می کنند نوشتن کار ساده ای است و صفحات وبلاگ ها و سایت ها خود به خود و به آسانی ایجاد می شوند اما وقتی خودشان قلم به دست می گیرند برای نوشتن یک مطلب ساده ساعتها وقت صرف می کنند! ایده ها و عناوین مطالب وبلاگتان را با نیازهای مخاطبانتان تطبیق دهید و سعی کنید همواره خودتان مطلب بنویسید و محتوایی جدید ایجاد کنید، نه اینکه از این و آن کپی برداری کنید یا اگر هم این کار را انجام می دهید حتما منبع و لینک آن را ذکر نمائید؛ با این کار به مخاطبانتان می گویید که شما به اصول اخلاقی و حقوق پدیدآورنده پایبند هستید و اعتماد آنها به وبلاگ شما بیشتر خواهد شد؛ یکی دیگر از روش های ایجاد محتوای خوب ترجمه از زبانهای دیگر به فارسی است

صفحه بندی مطالب را در حد استاندارد قرار دهید.


تعداد مطالب صفحه نخست و سایر صفحات وبلاگتان را در حد استاندارد قرار دهید (به عنوان مثال 10 مورد)، وبلاگ هایی که در صفحه نخستشان بعضا بیش از 30 مطلب را به مخاطبان نشان می دهند، باعث بارگذاری دیرتر و حتی انصراف بازدیدکننده از منتظر ماندن جهت بارگذاری کامل می شوند.

html و css را یاد بگیرید.


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

استفاده از فونت و ظاهر استاندارد.


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

اسکریپت های جاوا را در حد نیاز استفاده کنید.


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

از امکانات جانبی در حد نیاز استفاده کنید.


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

تبلیغات بیش از حد در وبلاگ ممنوع.


وبلاگهایی که تبلیغات زیادی را در گوشه و کنار به مخاطبان نشان می دهند یا از آنها برای کلیک بر روی آگهی دعوت می نمایند، از دید بازدیدکنندگان به وبلاگ های زرد تعبیر می شوند که معمولا هدفی جزء تبلیغات ندارند؛ بهتر است از آگهی های سایتهای استاندارد، مرتبط و به حد نیاز استفاده کنید و حتما مکانی مشخص را به آن اختصاص دهید تا اگر  کاربران خواستند خودشان بر روی آنها کلیک کنند، نه اینکه ناخواسته یا اجباری باشد.                                           

منبع : گرافیست سایت |روش هایی برای داشتن یک وبلاگ نویسی حرفه ای
برچسب ها : وبلاگ ,استفاده ,شوند ,دهید ,حرفه ,فونت ,استفاده کنید ,نیاز استفاده ,مخاطبان نشان ,تصور کنید ,قرار دهید

محافظت مطالب وبلاگ از کپی غیر مجاز

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

منظور از کپی غیر مجاز مطالب در وب:

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

چه کسانی مطالب وبلاگ شما را کپی می کنند؟

پی بردن به اینکه چه کسانی مطالب وبلاگ یا سایت شما را کپی می کنند ممکن است در برخی مواقع کاری دشوار باشد، البته برعکس خیلی از موارد، در اینجا هر چه این کار دشوارتر باشد بهتر است، چون که کپی غیر مجاز توسط وبلاگ ها و سایت های کوچک، معمولا نمی تواند مسئله بزرگی برای یک وبلاگ یا سایت حرفه ای محسوب شود، مشکل زمانی است که یک وبلاگ یا سایت رقیب یا با شهرت کاذب، بدون توجه به زحمات یک وبلاگ جدیداما قوی از لحاظ محتوا، دست به دزدی ناجوانمردانه محتوای آن می زند، در اینجاست که ممکن است به فرض در موتورهای جستجو، مطلبی که به نام شما است و خود، آن را برای اولین بار در وب منتشر کرده اید، به کام وبلاگ یا سایتی دیگر تمام شود، مثلا جستجوی عبارتی که در مطلب شماست منتهی به نمایش وبلاگ سارق مطالب شما شود، لذا یکی از روش های پی بردن به اینکه چه کسی مطالب وبلاگ را کپی می کند، استفاده از موتورهای جستجو است، یک روش دیگر نیز وجود دارد که البته لااقل کارایی اش برای وبلاگ های فارسی زبان اثبات نشده است و آن استفاده از سایت های پیدا کننده مطالب مشابه است، به فرض شما لینکی را در فیلد تعیین شده در این سایت ها درج می کنید و سایت مربوطه با جستجو در وب و صفحات ذخیره شده خود، مطالب مشابه با مطلب شما را نشان می دهد، یکی از معروف ترین ها در این زمینه www.copyscape.com است.

چگونه از مطالب وبلاگ در مقابل کپی شدن محافظت کنیم:


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

استفاده از لوگو یا نوشته روی تصاویر


برای محافظت از تصاویر خود، بهتر است آنها را در برنامه هایی نظیر فتوشاپ ویرایش کرده و یا عبارت مورد نظر خود را بر روی آنها درج نمائید، معمولا دزدان وب از تغییر چنین تصاویری می گذرند و آنها را همانگونه که هست، منتشر می کنند.

استفاده از متن copyright در وبلاگ


یکی دیگر از روش های محافظت مطالب وبلاگ، استفاده از متن کپی رایت یا حقوق مولف اثر است،  این روش برای کسانی که خود را به خواب زده اند، موثر نخواهد بود اما برای افرادی که ممکن است از روی ناآگاهی یا غفلت، مطالب را بدون ذکر منبع و لینک درج کنند، موثر خواهد بود؛                                                       استفاده از این روش، نمی تواند به طور صد در صد مطالب وبلاگ یا سایت شما را در مقابل کپی شدن محافظت کند، اما  برای برخی افراد با وجدان، موثر خواهد بود.متن کپی رایت را می توانید در فوتر وبلاگ مثلا به صورت زیر درج کنید:

© 2012 http://webgoo.ir

یا آن را به صورت یک متاتگ در قسمت هدر قرار دهید:


و همچنین از روش درج متن های توضیحی در کدنویسی قالب وبلاگ استفاده کنید:


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

استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست


استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست، یکی دیگر از روش های محافظت از مطالب وبلاگ در مقابل کپی شدن است، این روش توصیه نمی شود، چون بیشتر کاربران وب هیچ سوء نیت خاصی ندارند و کمتر پیدا می شود افرادی که بخواهند از حاصل دسترنج دیگران سوء استفاده کنند، به همین دلیل صحیح نیست که به خاطر عده ای، تمام افراد را به زحمت بیندازیم، از طرفی آنها که کار حرفه ای,خود را سرقت تحت وب قرار می دهند، بیشتر مواقع روش هایی برای کپی مطالب سایت یا وبلاگ  پیدا خواهند کرد؛                    به هر صورت کد زیر کلیک راست را در وبلاگ غیر فعال خواهد کرد:


document.oncontextmenu=function(){
return false;
}

استفاده از آدرس کامل تصاویر به جای حالت دایرکتوری


این نکته  در مورد وبسایت ها اهمیت زیادی دارد،  اگر تصاویر و فایل ها را به صورت دایرکتوری در وب منتشر کنیم، کار کپی و انتقال غیر مجاز آنها بسیار راحت تر خواهد شد،منظور این است که به فرض تصویر را اگر به صورت زیر درج کنید:  

../image/image.jpg

در مقابل این حالت:

http://www.example.com/image/image.jpg

                                                                                                                         

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

هوش مصنوعی ربات های خرنده گوگل

 
خوشبختانه موتور جستجوی گوگل  تقریبا می توان از آن به عنوان غول جستجو نام برد ، در زمینه شناسایی مطالب اصلی از مطالب کپی شده،به صورت هوشمندانه عمل می کند و  ممکن است وبلاگ ها یا سایت های خاصی  را در طولانی مدت از لیست جستجوی خود حذف نماید، اینکه گوگل چگونه پی به اصلی یا کپی بودن یک مطلب می برد، در درجه اول به تاریخ ایندکس شدن آن بر می گردد، وقتی گوگل یک مطلب را ایندکس می کند، در برخورد با موارد مشابه بعد از ایندکس مطلب اصلی، برچسب کپی یا شبیه به آنها می دهد و در لیست جستجو، ابتدا مطلب اصلی قرار می گیرد و مطالب کپی شده در ردیف های بعدی قرار گیرند یا به کل حذف گردند؛ روش دیگر گوگل در این رابطه، این است که اگرچه ممکن است برخی وبلاگ ها یا سایت های دزد، بدون درج لینک، اقدام به کپی غیر مجاز مطالب کنند، اما در دراز مدت، وبلاگ ها و سایت های با اخلاق حرفه ای (که تعدادشان خیلی بیشتر است)، در صورت استفاده از محتوای شما، به مطلب اصلی لینک می دهند و این باعث شناسایی شدن مطالب اصلی از مطالب کپی  شده در جستجوی گوگل می شود.

شکایت از وبلاگ ها و سایت های خاطی


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

http://www.google.com/intl/en/contact

شکایت و بررسی تخلفات:

http://www.google.com/support/bin/static.py?page=ts.cs&ts=1114905&hl=en 
منبع : گرافیست سایت |محافظت مطالب وبلاگ از کپی غیر مجاز
برچسب ها : وبلاگ ,مطالب ,سایت ,استفاده ,مطلب ,محافظت ,مطالب وبلاگ ,موثر خواهد ,برخی افراد ,فعال کلیک ,اسکریپت برای ,چهانی مطالب وبلاگ

اشتباهای رایجی که در در وبلاگ نویسی غیر حرفه ای اتفاق می افتد

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

کپی مطالب دیگران در وبلاگ خود


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

مطالب بدون عنوان در وبلاگ


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

ایجاد وبلاگ به تعداد خیلی زیاد


یکی دیگر از اشتباهات رایج وبلاگ نویسان غیر حرفه ای، ایجاد وبلاگ به تعداد خیلی زیاد، در یک دوره زمانی کوتاه است، مثلا به طور همزمان در بیش از 5 وبلاگ بعضا از نوع مشابه، مطالب خود را منتشر می کنند، این کار نه تنها موجب کاهش  کیفیت تمام وبلاگ ها می شود، بلکه به نوعی موجب سردرگمی هم نویسنده وبلاگ و هم مخاطبان آن است، بعضا دیده شده برخی بیش از 100 وبلاگ را به قول خودشان به اصطلاح سر پا نگه داشته اند. در صورتی که اصول حرفه ای گری و توان انسان حکم می کند که تمرکزگرایی و داشتن حداکثر 2 تا 3 وبلاگ ولی با به روزرسانی و مدیریت مناسب از داشتن صدها وبلاگ، ولی به صورت پراکنده و مشوش بهتر است؛                                                                                                                               

کپی تصاویر از وبلاگ ها و سایت های دیگر


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

استفاده زیاد از ابزارهای رایگان وبلاگ نویسی


سایت های زیادی تحت عنوان خدمات دهنده در زمینه ابزارهای وبلاگ نویسی فعالیت می کنند وبی شک هم خدمات خوبی توسط آنها ارائه می شود، هیچ وقت سعی نکنید در استفاده از این نوع ابزارها زیاده روی کنید، علت این است که دیده شده این ابزارها موجب طولانی شدن بارگذاری وبلاگ می شوند، مثلا اگر سرور ابزاری دچار مشکل شده باشد و شما کدی از آن را در وبلاگ خود کپی کرده باشید، هنگام بارگذاری، مرورگر به جای نمایش کل وبلاگ، مدت زمانی در انتظار آن سرور خواهد ماند و این کار موجب سر رفتن حوصله کاربران و انصراف آنها از دیدن وبلاگتان خواهد شد، از طرفی برخی با پنهان کردن لینک های غیر استاندارد در بین ابزارهایشان، موجب پائین آمدن رتبه شما و بالا رفتن رتبه خودشان در موتورهای جستجو و از جمله در گوگل می شوند، جالب است بدانید ربات های خزنده گوگل بسیار هوشمندانه عمل کرده و لینک هایی را که در صفحه مثلا به صورت display: none یا در اندازه پیکسلی ناچیز هستند را شناسایی و به صورت لینک های مشکوک با آنها برخورد می کنند، وجود تعداد زیاد این نوع لینک ها (که شاید خودتان هم از وجودشان اطلاع نداشته باشید)، سبب بی اعتماد شدن جستجوگران وب، به وبلاگ شما خواهد شد؛ پس سعی کنید در حد رفع نیاز از این ابزارها استفاده کنید .

استفاده نکردن از تمام امکانات سیستم مدیریت وبلاگ


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

وجه بیش از حد به ظواهر به جای مطالب


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

نداشتن پشتیبان از مطالب وبلاگ


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

درج تصاویر به صورت خام و با حجم بالا در وبلاگ


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

استفاده از دامنه های رایگان برای وبلاگ


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

منبع : گرافیست سایت |اشتباهای رایجی که در در وبلاگ نویسی غیر حرفه ای اتفاق می افتد
برچسب ها : وبلاگ ,حرفه ,مطالب ,استفاده ,موجب ,صورت ,وبلاگ نویسان ,وبلاگ نویسی ,مطالب بدون ,رایج وبلاگ ,اشتباهات رایج ,رایج وبلاگ نویسان

نکاتی در مورد طراحی لوگو

:: نکاتی در مورد طراحی لوگو
طراحی لوگو وآرم بخشی از معمول ترین پروژه های یک طراح وب است.                                                                                                                                
نکاتی که باید در طاراحی لوگو وآرم به آنه توجه کرد شامل:

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

2. سایز، یکی از عناصر مهم
  یک لوگو باید در سایزهای مختلف تولید شود اگر طرح لوگو خیلی پیچیده باشد درک و تشخیص آن در سایزهای کوچک بسیار سخت خواهد بود.  چون این مسئله برای یک مشتری با تجربه اهمیت زیادی دارد.                    3.. نسبت طول و عرض
لوگوهایی که کوتاه و پهن هستند و یا باریک و بلند،  گیج کننده اند و تعادل بین نسبت طول و عرض در آن ها رعایت نشده است. لازم نیست  در طراحی قرینه سازی دقیقی در طرح ایجاد شود اما وجود یک تعادل نسبتا مناسب و خوب بین طول و عرض آن برای داشتن یک لوگوی مطلوب و دلپسند از اهمیت ویژه ای برخوردار است. بهتر است کار را با یک شکل هندسی ساده آغاز کنید. لوگوهای مربع شکل به اندازه لوگوهای دایره ای تاثیر گذار و زیبا هستند.

4. خصوصیات مجزا
اگر مشتری خواست که در طراحی لوگو از اشکال گرافیکی و متن به یک میزان استفاده کنید،به عنوان گرافیست وب وظیفه داردروی همه اجزا به طور جداگانه کار کنید، مگر این که بتوانید از پس همگی آنها در کنار هم برآیید. بهتر است روی هر یک از آیتم های متن و شکل به طور مستقل کار کنید. و در پایان همگی را در کنار هم قرار داده و طرح را کامل کنید.                                                                                               5. مخاطب هدف را در نظر داشته باشید
دلیل این که فردی درخواست طراحی یک لوگو جدید می کند این است که احساس می کند لوگوی قبلی دیگر قدرت تاثیرگذاری خود را از دست داده است. ممکن است شرکای یک کمپانی تغییر کرده باشند و  یا برخی از ارزش های اساسی و اصولی آن تغییر پیدا کرده باشد. اما اصل اولیه طراحی هر لوگو در نظر گرفتن مخاطب هدف است نه فقط تامین کردن آیتم های لازم برای بالا بردن فروش کمپانی.  تا حد امکان این مسئله را در هنگام طراحی لوگو در نظر داشته باشید.  به عنوان یک طراح وب یشترین صلاحیت در مورد تصمیم گیری درباره این موضوع، یعنی ارائه یک لوگوی مناسب برای اثبات قابلیت های خود به جامعه را دارا هستید.

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

8. لوگو را Tag Line  نکنید
  وقتی قصد طراحی یک لوگو یاطراحی آرم را دارید، یکی از اهداف شما این است که معنی و مفهوم ارزش های اساسی کمپانی را تا حد امکان ساده سازی کنید. شکی نیست هنگامی که سایز لوگو را برای استفاده روی یک خودکار کاهش می دهند، Tag Lineها به طور محسوسی غیر قابل تشخیص شده و به عبارت دیگر ناخوانا می شوند. Tag Line ، را می توان در جاهایی که فضای بیشتری برای چاپ وجود دارد مثل فکس ها و یا سریرگ ها مورد استفاده قرار داد.                                                                                               9.رنگ ها را جزو اولویت های آخر قرار دهید
 فکر کردن در مورد رنگ یک لوگو کار بسیار خوبی است،  درطراحی لوگو باید به یاد داشته باشید که ممکن است این لوگو بوسیله یک چاپگر سیاه و سفید دفتری چاپ شود.  سعی کنید شکل و فرم طرح لوگو را اولویت نخست خود قرار دهید. رنگ در جایگاه پایین تر قرار دارد. همیشه رنگ ها را می توان در پایان کار و در مراحل پایانی پروژه اصلاح کرد و یا تغییر داد.

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

11. به رنگ های چاپی فکر کنید
درجات مشخصی از رنگ های وب وجود دارند که می توان آن ها را از رنگ های چاپی CMYK بدست آورد. تجربه به ما یاد داده است که بهترین روش برای بررسی این که رنگ های مطمئن وب در هنگام چاپ چگونه به نمایش داده می شوند، این است که خودتان لوگو را چاپ کنید. چرا باید منتظر بمانید که مشتری ایرادها و مشکلات آن را کشف و آن را به شما بازگرداند. بهتر است لوگو را با یک دستگاه چاپگری که دارای رنگ های اصلی است چاپ کنید تا نتیجه را مشاهده کنید. به یاد داشته باشید که بهترین کیفیت رنگ را می توانید روی یک کاغذ با کیفیت عکس بدست آورید.                                                                                                       12. طرح و مفهوم لوگو باید تا حد امکان سبک باشد
لوگویی که طراحی می کنید بایددارای مفهوم باشد . در عین حال قرار دادن چند ایده در یک طرح لوگوی ساده کار آسانی نیست. این چیزی است که باید در صحبت های اولیه با مشتری به آن بپردازید. آنها را متقاعد کنید که هر چه لوگو ساده تر باشد تاثیر بیشتری روی بیننده می گذارد. همه لوگوهای کاربر پسند از طراحی های ساده ای برخوردارند که یک ایده ساده در پشت آن نهفته است. هر چه ایده های اعمال شده در طراحی لوگو بیشتر باشد لوگو به همان نسبت پیچیده، آشفته و گیج کننده خواهد شد.

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

منبع : گرافیست سایت |نکاتی در مورد طراحی لوگو
برچسب ها : لوگو ,طراحی ,ساده ,داشته ,کمپانی ,تاثیر ,لوگو باید ,طراحی لوگو ,داشته باشید ,قرار دهید ,آگهی تبلیغاتی

تفاوت طراحی وب سایت و توسعه وب سایت در چیست؟

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

  • شما و طرح – شامل گرافیک، رنگها، منوها و غیره می باشد.
  • محتوا – شامل اطلاعات، محصولات، و غیره در سایت می باشد.
  • عملکرد – شامل ویژگیهای تعاملی سایت با کاربر می باشد که یک وب سایت به کاربران خود ارائه می دهد که نیاز به زیر ساختهای درونی برای ارائه به کاربران می باشد.
  • قابل استفاده بودن – عبارت است از دیدن سایت از دید کاربران، و شامل کیفیت سایت در تعامل کاربران با سایت، منوها و مفید بودن سایت می باشد.

 

شما و طرح

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

  گرافیست سایت باید حس زیبا شناسی خوبی داشته باشد و دقیقا بداند چه ترکیبی از رنگها و عکسها مناسب پروژه ای است که صاحب سایت می خواهد به کاربران سایت ارائه دهد.

محتوا

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

عملکرد

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

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

قابل استفاده بودن

قابلیت یک وب سایت، قابلیتهایی می باشد که از دید کاربران آن سایت قابل مشاهده می باشد و اکثرا شامل موارد آزمایشی می باشند نظیر:

  • آیا ظاهر سایت واقعا تصویری که می بایست نشان داده شود را نشان می دهد؟
  • آیا منوهای سایت کاربر پسند می باشند؟
  • آیا منوهای سایت کاربران را به صفحاتی که صاحب سایت درخواست کرده بود، هدایت می کنند؟
  • آیا سایت سریع بارگذاری می شود؟
  • آیا برنامه های سایت بدرستی کار می کنند؟

تفاوت طراحی و توسعه

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

آیا یک فرد می تواند به تنهایی همه این کارها را انجام دهد؟ افرادی هستند که به تنهایی می توانند همه این کارها را با هم انجام دهند ولی اکثر مردم می توانند تنها یکی یا دو تا از این وظایف را انجام دهند.

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

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

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

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

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

منبع : گرافیست سایت |تفاوت طراحی وب سایت و توسعه وب سایت در چیست؟
برچسب ها : سایت ,استفاده ,برنامه ,توسعه ,طراحی ,باشند ,استفاده بودن ,برنامه نویسان ,قابل استفاده ,برنامه نویسی ,توسعه دهنده ,برنامه نویسان توسعه ,نویسان ت

مواردی که برای شروع طراحی قالب یک وبلاگ باید بدانیم

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

قالب وبلاگ چیست؟


 قالب یک وبلاگ در واقع پوسته ای است که برای نمایش محتوا و امکانات آن وبلاگ استفاده می شود طراحی قالب سایت ، همان طور که در دنیای واقعی لوازم یک مغازه نیاز به قرارگیری در قفسه ها و ویترینی خاص دارند، در دنیای صفر و یک نیز در حوزه وبلاگ نویسی، مطالب و امکانات باید در ویترین خاصی جای گیرند که این ویترین با کمک ابزارهایی مانند کدهای HTML، استایل CSS و عناصر گرافیکی (مانند تصاویر و...) ساخته می شود که در مجموع به آن قالب می گوییم.

آیا هر سرویس وبلاگی، اصول طراحی قالب مخصوص به خود دارد؟


 قسمت عمده کار طراحی قالب بین سرویس های وبلاگی مختلف مشترک است که همان بخش کدنویسی HTML و استایل CSS در کنار استفاده از گرافیک وب است، اما آنچه که باعث به اصطلاح سازگار و متمایز شدن قالب ها از هم (به فرض قالب میهن بلاگ، بلاگ اسکای، پرشین بلاگ و...) می شود در واقع استفاده از تگ های اختصاصی این سرویس ها در کنار کدنویسی HTML کار است، منظور از تگ اختصاصی عبارات کلیدی و منحصربفردی هستند (معمولا محصور شده با علامت <>، [] و...) که هر سرویس وبلاگی برای ترجمه امکانات خاص خود به خروجی HTML از آنها استفاده می کند، این کدها عموما سلیقه ای هستند و از این رو بین سرویس های مختلف رویه یکسانی وجود ندارد، مثال ساده زیر تگ اختصاصی مربوط به نمایش عنوان نویسنده مطلب را بین چند سرویس وبلاگی مختلف نمایش می دهد:

تگ های اختصاصی قالب ها را کجا پیدا کنیم؟


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

آیا یادگیری HTML و CSS برای طراحی قالب ضروری است؟

 اغلب کسانی که مشتاق وبلاگ و وبلاگ نویسی هستند از شنیدن عبارت کدهای HTML و CSS، پیچیدگی و سختی کار را برداشت و از ادامه مسیر منصرف شوند،  این موضوع تا حدودی نیز درست است اما آنطور نیست که نتوانیم موفق شویم .باید توجه کنیم که طراحی قالب وبلاگ بدون آشنایی با کدهای HTML و استایل CSS عملا متصور نیست (حتی اگر از برنامه های آماده استفاده کنیم)، یادگیری این مهارت ها نیز آنطور که از دور سخت به نظر می رسد، پیچیده و مبهم نیست، آموزش های زیادی در وب و حتی به صورت کتاب وجود دارند که به راحتی شما را با دنیای تگ ها و استایل نویسی آشنا می کنند، طوری که پس از مدتی، کدنویسی وب جزء سرگرمی هایتان خواهد شد!

از چه برنامه ای برای کدنویسی و طراحی قالب وب استفاده کنیم؟


اصولا نوشتن کدهای HTML و CSS با هر ابزاری که قابلیت تایپ در آن باشد (مانند Notepad ساده) امکانپذیر است، اما در دنیای حرفه ای بهتر است از یک نرم افزار تخصصی کمک بگیرید تا هم سرعت کار افزایش، دقت کدنویسی مضاعف و هم لذت کارتان را حس کنید، در این خصوص می توان از بین نرم افزارهای تجاری  می توان Adobe Dreamweaver را نام برد و از بین نرم افزارهای متن باز می توان به Eclipses و NetBeans IDE اشاره کرد، در کنار این برنامه ها بهتر است جایی نیز برای برنامه به ظاهر ساده اما واقعا کارآمد ++Notepad قائل شویم که در شرایط های مختلف می تواندکمک زیادی به ما کند.

برای یک طراح وب شدن چقدر زمان مورد نیاز است؟


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

برای یک طراح وب شدن چقدر زمان مورد نیاز است؟


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

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


پاسخ این سوال کمی به سلیقه شما بستگی دارد، برخی با یادگیری از طریق کتاب میانه خوبی دارند، برخی به صورت ویدئو و عده ای نیز وب را ترجیح می دهند، به هر حال امروزه در زمینه یادگیری CSS، HTML و در کل طراحی وب، سایت های زیادی (چه به زبان فارسی و چه انگلیسی) مشغول فعالیت هستند که در بهترین حالت می توانید ترکیبی از چند سایت را هم زمان داشته باشید، همچنین کتاب های تالیفی یا ترجمه شده خوبی در این زمینه وجود دارد .
 طراحی یا برنامه نویسی وب باید به صورت تدریجی و پلکانی انجام شود, بدین معنی که هیچ گاه بدون مطالعه و تمرین کافی در مباحث مقدماتی، به مباحث پیشرفته تر رجوع نکنید، در غیر این صورت ممکن است باعث دلسردی شما می شود و از ادامه مسیر منصرف گردید، اگر با حوصله پیش بروید بعد از مدتی آنقدر مسلط خواهید شد که هر نوع طرحی را به راحتی کدنویسی کنید.                                                                                                  

منبع : گرافیست سایت |مواردی که برای شروع طراحی قالب یک وبلاگ باید بدانیم
برچسب ها : قالب ,طراحی ,وبلاگ ,سرویس ,html ,استفاده ,طراحی قالب ,کدهای html ,همان نسبت ,نسبت طولانی ,فرآیند تبدیل ,مطمئنا فرآیند تبدیل ,نکنید، مطمئنا فرآیند

روش هایی برای داشتن یک وبلاگ نویسی حرفه ای

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

محتوا حرف اول را می زند.


یک وبلاگ خوب در درجه اول باید محتوای خوبی داشته باشد، مهم نیست در چه زمینه ای می نویسید، مهم این است که در هر کاری نهایت دقت و حوصله را به خرج دهید تا مطالبی شایسته مخاطبان داشته باشید، برخی فکر می کنند نوشتن کار ساده ای است و صفحات وبلاگ ها و سایت ها خود به خود و به آسانی ایجاد می شوند اما وقتی خودشان قلم به دست می گیرند برای نوشتن یک مطلب ساده ساعتها وقت صرف می کنند! ایده ها و عناوین مطالب وبلاگتان را با نیازهای مخاطبانتان تطبیق دهید و سعی کنید همواره خودتان مطلب بنویسید و محتوایی جدید ایجاد کنید، نه اینکه از این و آن کپی برداری کنید یا اگر هم این کار را انجام می دهید حتما منبع و لینک آن را ذکر نمائید؛ با این کار به مخاطبانتان می گویید که شما به اصول اخلاقی و حقوق پدیدآورنده پایبند هستید و اعتماد آنها به وبلاگ شما بیشتر خواهد شد؛ یکی دیگر از روش های ایجاد محتوای خوب ترجمه از زبانهای دیگر به فارسی است

صفحه بندی مطالب را در حد استاندارد قرار دهید.


تعداد مطالب صفحه نخست و سایر صفحات وبلاگتان را در حد استاندارد قرار دهید (به عنوان مثال 10 مورد)، وبلاگ هایی که در صفحه نخستشان بعضا بیش از 30 مطلب را به مخاطبان نشان می دهند، باعث بارگذاری دیرتر و حتی انصراف بازدیدکننده از منتظر ماندن جهت بارگذاری کامل می شوند.

html و css را یاد بگیرید.


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

استفاده از فونت و ظاهر استاندارد.


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

اسکریپت های جاوا را در حد نیاز استفاده کنید.


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

از امکانات جانبی در حد نیاز استفاده کنید.


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

تبلیغات بیش از حد در وبلاگ ممنوع.


وبلاگهایی که تبلیغات زیادی را در گوشه و کنار به مخاطبان نشان می دهند یا از آنها برای کلیک بر روی آگهی دعوت می نمایند، از دید بازدیدکنندگان به وبلاگ های زرد تعبیر می شوند که معمولا هدفی جزء تبلیغات ندارند؛ بهتر است از آگهی های سایتهای استاندارد، مرتبط و به حد نیاز استفاده کنید و حتما مکانی مشخص را به آن اختصاص دهید تا اگر  کاربران خواستند خودشان بر روی آنها کلیک کنند، نه اینکه ناخواسته یا اجباری باشد.                                           

منبع : گرافیست سایت |روش هایی برای داشتن یک وبلاگ نویسی حرفه ای
برچسب ها : وبلاگ ,استفاده ,دهید ,شوند ,صفحه ,استاندارد ,نیاز استفاده ,استفاده کنید ,تصور کنید ,مخاطبان نشان ,قرار دهید

محافظت مطالب وبلاگ از کپی غیر مجاز

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

منظور از کپی غیر مجاز مطالب در وب:

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

چه کسانی مطالب وبلاگ شما را کپی می کنند؟

پی بردن به اینکه چه کسانی مطالب وبلاگ یا سایت شما را کپی می کنند ممکن است در برخی مواقع کاری دشوار باشد، البته برعکس خیلی از موارد، در اینجا هر چه این کار دشوارتر باشد بهتر است، چون که کپی غیر مجاز توسط وبلاگ ها و سایت های کوچک، معمولا نمی تواند مسئله بزرگی برای یک وبلاگ یا سایت حرفه ای محسوب شود، مشکل زمانی است که یک وبلاگ یا سایت رقیب یا با شهرت کاذب، بدون توجه به زحمات یک وبلاگ جدیداما قوی از لحاظ محتوا، دست به دزدی ناجوانمردانه محتوای آن می زند، در اینجاست که ممکن است به فرض در موتورهای جستجو، مطلبی که به نام شما است و خود، آن را برای اولین بار در وب منتشر کرده اید، به کام وبلاگ یا سایتی دیگر تمام شود، مثلا جستجوی عبارتی که در مطلب شماست منتهی به نمایش وبلاگ سارق مطالب شما شود، لذا یکی از روش های پی بردن به اینکه چه کسی مطالب وبلاگ را کپی می کند، استفاده از موتورهای جستجو است، یک روش دیگر نیز وجود دارد که البته لااقل کارایی اش برای وبلاگ های فارسی زبان اثبات نشده است و آن استفاده از سایت های پیدا کننده مطالب مشابه است، به فرض شما لینکی را در فیلد تعیین شده در این سایت ها درج می کنید و سایت مربوطه با جستجو در وب و صفحات ذخیره شده خود، مطالب مشابه با مطلب شما را نشان می دهد، یکی از معروف ترین ها در این زمینه www.copyscape.com است.

چگونه از مطالب وبلاگ در مقابل کپی شدن محافظت کنیم:


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

استفاده از لوگو یا نوشته روی تصاویر


برای محافظت از تصاویر خود، بهتر است آنها را در برنامه هایی نظیر فتوشاپ ویرایش کرده و یا عبارت مورد نظر خود را بر روی آنها درج نمائید، معمولا دزدان وب از تغییر چنین تصاویری می گذرند و آنها را همانگونه که هست، منتشر می کنند.

استفاده از متن copyright در وبلاگ


یکی دیگر از روش های محافظت مطالب وبلاگ، استفاده از متن کپی رایت یا حقوق مولف اثر است،  این روش برای کسانی که خود را به خواب زده اند، موثر نخواهد بود اما برای افرادی که ممکن است از روی ناآگاهی یا غفلت، مطالب را بدون ذکر منبع و لینک درج کنند، موثر خواهد بود؛                                                       استفاده از این روش، نمی تواند به طور صد در صد مطالب وبلاگ یا سایت شما را در مقابل کپی شدن محافظت کند، اما  برای برخی افراد با وجدان، موثر خواهد بود.

 

 

و همچنین از روش درج متن های توضیحی در کدنویسی قالب وبلاگ استفاده کنید:

 

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

استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست


استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست، یکی دیگر از روش های محافظت از مطالب وبلاگ در مقابل کپی شدن است، این روش توصیه نمی شود، چون بیشتر کاربران وب هیچ سوء نیت خاصی ندارند و کمتر پیدا می شود افرادی که بخواهند از حاصل دسترنج دیگران سوء استفاده کنند، به همین دلیل صحیح نیست که به خاطر عده ای، تمام افراد را به زحمت بیندازیم، از طرفی آنها که کار حرفه ای,خود را سرقت تحت وب قرار می دهند، بیشتر مواقع روش هایی برای کپی مطالب سایت یا وبلاگ  پیدا خواهند کرد؛                    به هر صورت کد زیر کلیک راست را در وبلاگ غیر فعال خواهد کرد:




استفاده از آدرس کامل تصاویر به جای حالت دایرکتوری


این نکته  در مورد وبسایت ها اهمیت زیادی دارد،  اگر تصاویر و فایل ها را به صورت دایرکتوری در وب منتشر کنیم، کار کپی و انتقال غیر مجاز آنها بسیار راحت تر خواهد شد،                                                                                                                      

هوش مصنوعی ربات های خرنده گوگل

 
خوشبختانه موتور جستجوی گوگل  تقریبا می توان از آن به عنوان غول جستجو نام برد ، در زمینه شناسایی مطالب اصلی از مطالب کپی شده،به صورت هوشمندانه عمل می کند و  ممکن است وبلاگ ها یا سایت های خاصی  را در طولانی مدت از لیست جستجوی خود حذف نماید، اینکه گوگل چگونه پی به اصلی یا کپی بودن یک مطلب می برد، در درجه اول به تاریخ ایندکس شدن آن بر می گردد، وقتی گوگل یک مطلب را ایندکس می کند، در برخورد با موارد مشابه بعد از ایندکس مطلب اصلی، برچسب کپی یا شبیه به آنها می دهد و در لیست جستجو، ابتدا مطلب اصلی قرار می گیرد و مطالب کپی شده در ردیف های بعدی قرار گیرند یا به کل حذف گردند؛ روش دیگر گوگل در این رابطه، این است که اگرچه ممکن است برخی وبلاگ ها یا سایت های دزد، بدون درج لینک، اقدام به کپی غیر مجاز مطالب کنند، اما در دراز مدت، وبلاگ ها و سایت های با اخلاق حرفه ای (که تعدادشان خیلی بیشتر است)، در صورت استفاده از محتوای شما، به مطلب اصلی لینک می دهند و این باعث شناسایی شدن مطالب اصلی از مطالب کپی  شده در جستجوی گوگل می شود.

شکایت از وبلاگ ها و سایت های خاطی


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

منبع : گرافیست سایت |محافظت مطالب وبلاگ از کپی غیر مجاز
برچسب ها : وبلاگ ,مطالب ,سایت ,استفاده ,مطلب ,محافظت ,مطالب وبلاگ ,موثر خواهد ,برخی افراد ,فعال کلیک ,اسکریپت برای ,چهانی مطالب وبلاگ

اشتباهای رایجی که در در وبلاگ نویسی غیر حرفه ای اتفاق می افتد

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

کپی مطالب دیگران در وبلاگ خود


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

مطالب بدون عنوان در وبلاگ


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

ایجاد وبلاگ به تعداد خیلی زیاد


یکی دیگر از اشتباهات رایج وبلاگ نویسان غیر حرفه ای، ایجاد وبلاگ به تعداد خیلی زیاد، در یک دوره زمانی کوتاه است، مثلا به طور همزمان در بیش از 5 وبلاگ بعضا از نوع مشابه، مطالب خود را منتشر می کنند، این کار نه تنها موجب کاهش  کیفیت تمام وبلاگ ها می شود، بلکه به نوعی موجب سردرگمی هم نویسنده وبلاگ و هم مخاطبان آن است، بعضا دیده شده برخی بیش از 100 وبلاگ را به قول خودشان به اصطلاح سر پا نگه داشته اند. در صورتی که اصول حرفه ای گری و توان انسان حکم می کند که تمرکزگرایی و داشتن حداکثر 2 تا 3 وبلاگ ولی با به روزرسانی و مدیریت مناسب از داشتن صدها وبلاگ، ولی به صورت پراکنده و مشوش بهتر است؛                                                                                                                               

کپی تصاویر از وبلاگ ها و سایت های دیگر


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

استفاده زیاد از ابزارهای رایگان وبلاگ نویسی


سایت های زیادی تحت عنوان خدمات دهنده در زمینه ابزارهای وبلاگ نویسی فعالیت می کنند وبی شک هم خدمات خوبی توسط آنها ارائه می شود، هیچ وقت سعی نکنید در استفاده از این نوع ابزارها زیاده روی کنید، علت این است که دیده شده این ابزارها موجب طولانی شدن بارگذاری وبلاگ می شوند، مثلا اگر سرور ابزاری دچار مشکل شده باشد و شما کدی از آن را در وبلاگ خود کپی کرده باشید، هنگام بارگذاری، مرورگر به جای نمایش کل وبلاگ، مدت زمانی در انتظار آن سرور خواهد ماند و این کار موجب سر رفتن حوصله کاربران و انصراف آنها از دیدن وبلاگتان خواهد شد، از طرفی برخی با پنهان کردن لینک های غیر استاندارد در بین ابزارهایشان، موجب پائین آمدن رتبه شما و بالا رفتن رتبه خودشان در موتورهای جستجو و از جمله در گوگل می شوند، جالب است بدانید ربات های خزنده گوگل بسیار هوشمندانه عمل کرده و لینک هایی را که در صفحه مثلا به صورت display: none یا در اندازه پیکسلی ناچیز هستند را شناسایی و به صورت لینک های مشکوک با آنها برخورد می کنند، وجود تعداد زیاد این نوع لینک ها (که شاید خودتان هم از وجودشان اطلاع نداشته باشید)، سبب بی اعتماد شدن جستجوگران وب، به وبلاگ شما خواهد شد؛ پس سعی کنید در حد رفع نیاز از این ابزارها استفاده کنید .

استفاده نکردن از تمام امکانات سیستم مدیریت وبلاگ


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

وجه بیش از حد به ظواهر به جای مطالب


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

نداشتن پشتیبان از مطالب وبلاگ


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

درج تصاویر به صورت خام و با حجم بالا در وبلاگ


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

استفاده از دامنه های رایگان برای وبلاگ


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

منبع : گرافیست سایت |اشتباهای رایجی که در در وبلاگ نویسی غیر حرفه ای اتفاق می افتد
برچسب ها : وبلاگ ,حرفه ,مطالب ,استفاده ,صورت ,تصاویر ,وبلاگ نویسان ,رایج وبلاگ ,وبلاگ نویس ,اشتباهات رایج ,مطالب بدون ,رایج وبلاگ نویسان

تعریف HTMLوتعریف CSSوروش های استفاده از کد های CSS وقوانین CSSوارتباط CSSبا HTML

:: تعریف HTMLوتعریف CSSوروش های استفاده از کد های CSS وقوانین CSSوارتباط CSSبا HTML
HTML به زبانی 'می شود که اواین قدم قالب وب سایت است. عموما تمام زبانهای برنامه نویسی تحت وب، به نوعی وابسته به زبان HTML می باشند. بعنوان مثال، PHP، جاوا اسکریپت و زبان برنامه نویسی دات نت، زبانهایی هستند که علاوه بر داشتن قوانین و استانداردهای خود، از زبان HTML کمک می گیرند بطوریکه کدهای نوشته شده در قالب خاصی، در بین کدهای HTML قرار داده می شود.

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

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

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

CSS چیست؟

CSS  زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد شده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

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

CSS دقیقا همان زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا شکل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک.

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

روش استفاده از کدهای CSS

پیش از ظهور CSS، تقریبا تمامی ویژگیهای طراحی کدهای HTML صفحات سایت ها، درون خود تگها و کدهای HTML قرار داده می شدند. تمامی فونت ها، رنگ ها، پیش زمینه ها، همطرازی ها، حاشیه ها و سایزها می بایست بصورت صریح بیان می شدند و اغلب تکراری از مکررات، در کدهای HTML به چشم می خورد. CSS به طراحان این اجازه را داد تا اکثر اطلاعات به بخشی جداگانه که برای این منظور طراحی شده بود، منتقل کنند که منجر به افزایش چشمگیری در سادگی و خوانایی کدهای HTML شد.

سر تیترها (تگ های h1)، زیر تیترها (h2)، و غیره، بطور ساختاری با HTML تعریف می شوند. در نسخه چاپی و نسخه نمایشی، انتخاب فونت ها، رنگ ها، و غیره، کمی توانند کاملا متفاوت باشند.

پیش از ظهور CSS، طراحان صفحات اینترنتی، که می خواستند چنین مشخصه های تایپوگرافی را مثلا به تمام h2 ها اعمال کنند، مجبور بودند تا از تگ font و دیگر تگ ها که از تگ های HTML است برای تمام h2 استفاده کنند. ویژگی های طراحی وقتی به کدهای HTML اضافه می شوند، صفحات را پیچیده خواهند کرد و بیشتر از همه اعمال تغییرات آتی در صفحات را مشکلتر خواهند کرد. در نسخه چاپی، CSS می تواند رنگ، فونت، همطرازی متون، سایز، حاشیه، فاصله، موقعیت و بسیاری دیگر از مشخصه های تایپوگرافی طراحی را در خود جای دهد.

اینکار می تواند بطور کاملا مجزا برای هر یک از نسخه های چاپی و نمایشی مورد استفاده قرار گیرد. CSS همچنین ویژگیهای غیر بصری را نیز تعریف می کند، ویژگیهایی نظیر سرعت خواندن و تاکید بر روی متونی که توسط ابزارها و نرم افزارهای پخش صوتی متون مورد استفاده قرار می گیرند. کنسرسیوم شبکه جهانی وب W3C هم اکنون مزیت CSS را برای تعریف تمام ویژگیهای طراحی صفحات HTML بر تمامی روشهای دیگر ارجح می داند بطوریکه با ظهور CSS، استفاده محض از HTML بدون CSS، جلوه بدی را بخود گرفته است.

فایلهای CSS، با استفاده از قوانین زیر، درون صفحات HTML قرار داده می شوند:

 

CSS ها ساختارهای ساده ای دارند و از تعدادی کلمات کلیدی انگلیسی برای مشخص کردن ویژگیهای مختلف در طراحی استفاده می کنند. یک CSS از تعدادی قوانین تشکیل شده است. هر یک از این قوانین، از یک یا تعداد بیشتری انتخاب کننده یا selector تشکیل شده است و هر کدام از آنها دارای یک بلوک توصیف هستند. بلوک توصیف، از تعدادی توصیف تشکیل شده است که همه آنها درون یک بلوک آکلاد ({}) قرار گرفته اند. هر توصیف به خودی خود، از یک مشخصه یا property، یک کالن (:)، و یک مقدار تشکیل شده است. چنانچه چندین توصیف در یک بلوک وجود داشته باشد، از سمی کالن (;)، برای جداسازی آنها استفاده می شود.

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

شبه کلاسها نوعی دیگری از ویژگیهایی هستند که در CSS ها مورد استفاده قرار می گیرند تا به المانهای روی صفحه، هویت بخشند. در برخی حالات، از ID های یکتا برای اعمال بلوکی از CSS ها استفاده می شود. یکی از مرسوم ترین مثالها در این مورد، شبه کلاسها، کلاس :hover است که هنگامیکه کاربر موس خود را روی المانی می برد، کلاس خاصی را به آن المان اعمال می کند. این کلاس، به انتخاب کننده ای متصل می شود ن

شبه کلاسها، کل المانها را انتخاب می کنند. بعنوان مثال، :link یا :visited ، درحالیکه شبه المانها عناصری را انتخاب می کنند که ممکن است از المانهای ریزتری تشکیل شده باشند، نظیر :first-line یا :first-letter.

انتخاب کننده ها ممکن است به شکلهای دیگری نیز با هم ترکیب شوند تا انعطاف پذیری بیشتری بدست آید، بویژه در CSS 2.1.                                                                                                                 

ارتباط CSS با HTML

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

الویت در منابع CSS

الویت در منابع CSS (از بالاترین به پایینترین):
CSSهای نوشته شده توسط طراحان وب سایت:

  • CSSهای درون خطی: درون کدهای HTML صفحات، ویژگیهای طراحی برای یک المان خاص، با استفاده از "style" مشخص می شوند.
  • CSSهای جاسازی درونی، بلوکی از کدهای CSS درون خود صفحه HTML
  • CSSهای خارجی، یعنی فایلی جداگانه از CSS که از صفحه HTML به آن ارجاع داده می شود.

CSSهای کاربران:

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

CSSهای پیش فرض:

  • CSSهایی می باشند که بطور پیش فرض توسط مرورگر اعمال می شوند. با وجود این CSSهای پیش فرض، نیاز نخواهیم داشت تا همه CSSهای یک المان را تعریف و پیاده سازی نماییم.

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

منبع : گرافیست سایت |تعریف HTMLوتعریف CSSوروش های استفاده از کد های CSS وقوانین CSSوارتباط CSSبا HTML
برچسب ها : html ,استفاده ,کدهای ,طراحی ,شوند ,زبان ,کدهای html ,برنامه نویسی ,انتخاب کننده ,استفاده قرار ,اعمال شوند ,کدهای برنامه نویسی ,زبان برنامه نویسی

مطالی در مور بک لینک

:: مطالی در مور بک لینک
Link Buildingیکی از مهمترین فرایند های بهینه سازی یک سایت  است .لینک سازی توسط سئوکاران غیر حرفه ای فراموش می شود و و یا ممکن است آنها طوری لینک سازی انجام دهند که اثر بد یا خنثی داشته باشد.                                                                                                                                Link Building به چه معناست؟

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

لینک سازی یعنی ساخت لینک هایی که به سایت اشاره دارند.سایت شما به لینک سازی نیاز دارد.بدون لینک سازی هر چه در محتوا و ساختار سایت خود از نظر سئو انجام داده اید، بی فایده خواهد بود(به جز موارد کم یا بی رقابت).وقتی لینک شما در سایت های تالار گفتگو (forum) قرار می گیرد، وقتی لینک شما در وبلاگی در قسمت پیوند ها قرار میگیرد ، وقتی برای سایت خود تبلیغ بنری می کنید (لینک بنر) ، وقتی لینک شما در کامنتی ثبت می شود، زمانی که سایتی شما را در قسمت مورد علاقه خود به عنوان لینک مفید قرار می دهد و یا در موضوع خاصی به صفحه ای از سایت شما ارجاع می دهد، وقتی لینک شما در شبکه های اجتماعی به اشتراک گذاشته می شود، همه اینها لینک سازی محسوب می شود.

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

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

لازم به ذکر است گوگل هیچ وقت توصیه نکرده است که شما Link Building انجام دهید. توصیه کرده است که با ارئه خدمات و مطالب مفید و دست اول، لینک جمع کنید.یعنی دیگران خود به خود شما را به خاطر کیفیت خدمات و محتوایتان لینک کنند.از طرفی منابع غیر رسمی وبعضی اوقات مدیر بخش اسپم گوگل(مت کاتز) ، Link Building را نفی نکرده است و بر تأثیر گذار بودن و مهم بودن آن اشاره کرده است.

یک سایت بدون اینکه کسی او را لینک کرده باشد، محبوبیتی در موتور های جستجو نخواهد داشت.لذا اگر فکر می کنید با بهینه سازی داخلی سایت (on page seo)، سایت شما سئو شده است سخت در اشتباهید.بهینه سازی داخلی قالب وب سایت شبیه  چرخ اتومبیل می ماند.یک اتومبیل، برای حرکت، نیاز به چرخ دارد.هر چقدر هم که موتور و بدنه قوی داشته باشد، بدون چرخ هیچ خاصیتی ندارد.بهینه سازی داخلی مانند چرخ، تنها پایه حرکت است.اگر سایتی لینک سازی نداشته باشد، مانند یک اتومبیل بدون موتور و با بدنه ضعیف است.

اما Link Building در دنیای سئو دارای پیچیدگی و تغییرات زیادی است و به این سادگی که گفته شد هم نیست. Link Building اگر به درستی انجام نشود می تواند سایت را برای همیشه از موتور های جستجو به خصوص گوگل حذف کند.وبیش از ۷۰ درصد سئو را شامل می شود.ولی شاید برای موضوعات بی رقابت یا خیلی کم رقابت، بتوان از Link Building صرف نظر کرد.اما در هر موضوعی با هر رقابتی Link Building خوب ر بسیار زیادی دارد.

منبع : گرافیست سایت |مطالی در مور بک لینک
برچسب ها : لینک ,سازی ,سایت ,انجام ,موتور ,link ,لینک سازی ,وقتی لینک ,بهینه سازی ,سازی داخلی ,لینک کنند

استفاده از بهترین مطالب در وب سایت با طراحی موبایل

:: استفاده از بهترین مطالب در وب سایت با طراحی موبایل

lمعمولادر دنیای تکنولوژی ، بارها راجع به طراحی وب و بازاریابی مطالب، یعنی گذاشتن مطالب مفید درسایت ، چیزهایی شنیده اید. این دو واژه ، در دنیای تکنولوژی در حال رشد می باشند.

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

 آیامی توانیم طراحی موبایل و استراتژی گذاشتن مطالب مفید در وب سایت را بدون تغییر اصل موضوع یا پارامترهای طراحی با هم ترکیب کنیم؟یامحتوای مطالب در وب سایت ما ، به خاطر محدودیت های مربوط به طراحی برای صفحه نمایش های کوچک ، تغییر می کنند؟

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

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

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

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

طراحی خود را به صورت تیمی انجام دهید.

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

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

 از طراحان حرفه ای وب سایت انتظار می رود تا مطالب مورد علاقه کاربران را در وب سایت قرار دهند، مطالبی که واقعا به درد آن ها بخورد.اگر به عنوان یک طراح، قست بازاریابی در وب سایت ندارید اصلا نترسید. دیدگاه خود را تغییر دهید. اگر فردی به شما گفت که وب سایت ، وب سایتی غیراستاندارد است، اصلا گوش ندهید و سعی کنید تا مطالب وب سایت خود را بسیار فوق العاده انتخاب کرده و با گذاشتن این مطالب بتوانید کاربران بیشتری را به سمت وب سایت خود جذب کنید.

 

استراتژی های خود را طبقه بندی کنید.

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

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

  • کاربر وب سایت شما چه کسی است؟
  • شما باید از چه اطلاعاتی در وب سایت خود استفاده کنید؟
  • کاربران از چه دستگاهی برای جستجوی مطالب مورد نظر خود در وب سایت استفاده می کنند؟ شما از چه طریقی می توانید تجربه کاربران خود را در این زمینه بالا ببرید؟
  • چه موقع کاربران به وب سایت شما دسترسی دارند؟

قابلیت  دستگاه هایی را مشخص کنید که تجربه کاربران را بالا می برند

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

می توانید بهترین مکان با بهترین غذا رو با اینترنت خود پیدا کنید. حتی می توانید با کلیک بر روی دکمه “call us”  با مدیر رستواران در تماس باشید و هر آن چه که بخواهید را به منوی غذای خود اضافه کنید. GPS، مرورگر موبایل و صفحه نمایش لمسی و همچنین قابلیت های دیگر موبایل شما ، ابزاری هستند که می توانیدبه وسیله آن ها، خرید خود را به صورت آنلاین انجام دهید.

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

در طراحی های سنتی وب سایت، نیاز کاربران وب سایت با محتوای مطالب گذاشته شده در وب سایت تغییر می کرد.به این  معنا که طراحان هنگام طراحی وب سایت ، موضوعات را بر مبنای موبایل ها در نظر گرفته و به همین دلیل، نیاز کاربران با تغییر دستگاه ها ، تغییر می کرد. با توجه به گزارش گوگل در سال 2012 ، 67% از مطالب برای دستگاه ها گذاشته می شد و در دنیایی که دارای چندین صفحه نمایش برای گذاشتن مطالب می باشد ، کاربران وب سایت می توانند خرید خود را از طریق این دستگاه ها به صورت آنلاین انجام دهند

چارچوب طراحی واکنشگرا را مد نظر قرار دهید که دستگاه های آن ، محدودیت زیادی دارند

ترکیب طراحی واکنشگرا با استراتژی بازاریابی مطالب در وب سایت،  را به سمت تجارتی بهینه سوق می دهد و مطالب غیر مفید را از وب سایت حذف می کند و بر روی مطالبی تاکید می کند که برای کاربران بسیار اهمیت دارند. اگرمطالب وب سایت برای کاربران جذاب نباشد ، به سراغ وب سایت های رقیب شما می روند و خیلی راحت مطلب مورد نظر خود را پیدا می کنند.

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

 

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

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

 

نتیجه گیری

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

کاربران موبایل خیلی عجول و پر مشغله هستند.آن ها نمی خواهند که رومان بخوانند. در عوض کاربران به دنبال مطالب کوتاه و بسیار مفید در وب سایت می باشند.آن ها دوست دارند تا  از طریق تبلت ، desktop یا تلفن های هوشمند خود ،خیلی سریع به مطالب مورد نظر خود دسترسی پیدا کنند.

بهتر است که کاربران ، برای داشتن بهترین مطالب در وب سایت ، از طراحی واکنشگرا استفاده کنند و از قابلیت های منحصر به فرد آن برای پیش بینی نیاز کاربران و برطرف کردن نیاز ها و خواسته های آن ها ، استفاده کنند. GPS ها ، دوربین ، ویدئو و وب سایت های مربوط به تلفن های هوشمند ، روش های جدیدی را در اختیار کاربران وب سایت قرار می دهند تا بتوانند به صورت آنلاین  به مطالب مورد نظر خود دسترسی پیدا کنند. طراحان باید برای رسیدن به اهداف بهینه سازی ، از برنامه ریزی های دقیق و رویکردهای یکپارچه در وب سایت خود استفاده کنند و با گذاشتن مطالب مورد نیاز کاربران ، آن ها را هر چه بیشتر به سمت وب سایت خود جلب کرده و به موفقیت برسند.

                                                                                                                            

منبع : گرافیست سایت |استفاده از بهترین مطالب در وب سایت با طراحی موبایل
برچسب ها : سایت ,مطالب ,کاربران ,طراحی ,استفاده ,موبایل ,گذاشتن مطالب ,نیاز کاربران ,طراحی واکنشگرا ,صفحه نمایش ,مطالب مورد ,صورت آنلاین انجام ,طراحی واکن

تفاوت UI با UX در طراحی وب سایت

:: تفاوت UI با UX در طراحی وب سایت
طراحی وب یک مفهوم نسبتا گسترده است. وقتی شخصی میگوید  یک طراح است، به روشنی مشخص نمیشود که فعالیت روزانه او دقیقاً شامل چه کارهایی میشود.  در طراحی، وظایف متعددی جای گرفته است که معمولاً هر کدام زمینه های تخصصی ای به حساب می آیند.
طراحی ی مفهوم گسترده ای دارد  که از صنعت ( مانند خودرو و ساخت و تولید و … ) تا چاپ ( طراحی و چاپ کاغذی، تابلو و …) و فضای فناوری اطللاعات ( نرم افزار ها و رابط های کاربری) گستردگی دارد. با حجوم گسترده تمامی طیف های شغلی و حرفه ای به فضای فناوری اطلاعات، مفاهیمی مانند UX و UI که مخصوص واسط کاربری در صفحات نمایش هستند برای بیشتر طراحان نامفهوم می باشد.                                       

UX چیست ؟

ux مخفف کلمه User Experience می باشد . معنی تحت اللفظی آن “تجربه کاربر” می باشد. در حقیقت طراحان “تجربه کاربر” یا همان UX Designers تمام تلاش خود را میکنند تا بهترین سناریو برای آشنایی یک کاربر با یک محصول را ایجاد نمایند. از آنجا که این موضوع یک روش خاصی ندارد و متناسب با سوژه های مورد نظر ممکن است راهکارهای فراوانی داشته باشد کار زمانبر و دشواری است. یک طراح تجربه کاربر میخواهد مشکلات کاربر را در مواجهه با سوژه مورد نظر خود، چه از نظر کلامی و لغتی، و چه از نظر محل قرار گیری موارد و زیبایی شناختی و … مورد بررسی قرار دهد و در پی حل آن ها تلاش می کنند تا به بهترین تجربه کاری کاربر  دست یابد.

UI چیست ؟

UI مخفف  User Interface میباشد که به صورت تحت اللفطی به “رابط کاربری” معنا میشود. بر خلاف UX که بر احساس کلی کاربر از یک محصول معطوف است، UI به چگونگی صفحه بندی محصول توجه دارد. آنها مسئول طراحی هر صفحه با ابزارها هستند که بتواند مسیری که طراح UX طراحی نموده را قرار دادن و جایگذاری نماید. به عنوان مثال زمانی که یک طراح UI میخواهد یک داشبورد سیستم آمارگیری را طراحی  کند، ممکن است تصمیم بگیرد که مهمترین موضوع صفحه را در بالای صفحه قرار دهد، و یا آن را در نوار کناری صفحه و با طراحی یک دکمه آن را به گونه ای که به تجربه مشاهده ای کاربر و کلیت طرح کمک نماید نمایش بدهد.

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

به صورت کلی باید گفت که مرز بین UI و UX در بیشتر موارد مبهم است و در بسیاری از موارد شرکت ها این نقش را ادغام میکنند و به یک شخص و یا گروه کاری واگذار میکنند.

منبع : گرافیست سایت |تفاوت UI با UX در طراحی وب سایت
برچسب ها : طراحی ,کاربر ,صفحه ,محصول ,مورد ,نمایش ,داشته باشد ,“تجربه کاربر” ,فضای فناوری

قوانینHEO

:: قوانینHEO
HEOمفهوم جدیدی ست که در طراحی سایت این روز ها درباره آن گفته می شود. مفهومی که از تجربه ی طراحان سایت و متخصصان روان شناسی وارد تخصص طراحی سایت شده است.
برای داشتن HEO بهتر و بهینه سازی گرافیکی سایت برای جذب مخاطبان نکاتی را باید رعایت کنیم،
نکاتی موثر در HEO عبارتند از:
طول عناصر صفحه
خلاصه مطالب
انتخاب فونت ها
انتخاب رنگ ها
چیدمان صفحه و صفحه آرایی
انتخاب هدر مناسب
درج تاریخ برای اخبار و مطالب                                                                                                    قالب وب سایت  باید دارای طول و عرض و اندازه مناسب باشند. به این معناست که عناصر صفحه مانند بنر  هدر سایت، اندازه محل قرار گیری منو های سایت، اندازه قرار گیری محل تبلیغات سایت، و تمام این عناصر باید از اندازه ی مطلوبی برخودار باشند.
این اندازه مطلوب هم باید با توجه به استاندارد های طراحی سایت باشد و هم باید مطلوب از نظر و دیدگاه کاربران باشد.در طراحی هدر سایت بهتر است اندازه ای در حدود یک / هفتم از نمای ابتدایی نمای سایت را به آن اختصاص دهیم.
همچنین یکی از مهمترین عناصری که باید اندازه آن را مهم در نظر بگیریم، محل قرار گیری پست ها و اندازه ی تعریف شده برای هر پست می باشد، که اندازه ای این بخش نباید آن مقدار زیاد باشد که تمام مطالب پست در آن نمایش داده شود و نباید آن مقدار کم باشد که خلاصه ی مطلب پست که در حدود دو خط می باشد، در آن جا نشود.                                                                                                                              د.
بیشترین کارایی که درج تاریخ در وب سایت ها دارد، در وب سایت های خبری می باشد، که نکته مهمی برای جذب و جلب نظر مخاطبان آنها می باشد.
  برای داشتن HEO بهتر، در اینگونه سایت ها حتما از درج تاریخ استفاده نماییم.
  در تمام سایت ها درج تاریخ، و زمان برای پست ها و اخبار، نکته موثر برای HEO سایت می باشد. البته می توان در تعداد خاصی از مطالب سایت نیز از آنها استفاده نکرد.
مزیت دیگری که درج تاریخ برای مطالب و اخبار قرار گرفته در سایت دارد، این می باشد که نشان می دهد آخرین بار در چه تاریخی مطالب سایت ما بروزرسانی شده است، و نشان می دهد که سایت  فعالیت خود را هر روز انجام می دهد. در طراحی سایت و بهینه سازی سایت این مزیت می تواند نکته موثری برای جذب مخاطبان به مطالب وب سایت ما باشد.
رابطه میان سئو و HEO در هدف مشترک این دو مفهوم می باشد.
هدف از ایجاد این دو مفهوم، در طراحی سایت ها، بهینه سازی سایت ها بوده است. مفاهیمی که با گسترش استفاده از اینترنت و وب سایت ها برای بهبود کیفیت آنها در نظر مخاطبان و البته موتورهای جست و جو، در بین طراحان سایت ها و متخصصان فناوری اطلاعات افزایش پیدا کرد.
در طراحی سایت ها بحث رقابت بین وب سایت ها و قرار گیری آنها در رتبه های بالای موتور های جست و جو و همچنین جذب تعداد مخاطب بیشتر، متخصصان فناوری اطلاعات را به این فکر انداخت که در بهینه سازی سایت های خود تلاش کنند و وب سایت های خود را به شکلی در آوردن که باعث جذب نظر مخاطبان شود، همچنین برای آنها حاوی مطالب مفید و جذاب و راحتی کار و جست و جوی مطالب در وب سایت شان شود.

تفاوت Search Engine Optimization و HEO
  HEO عبارت است از مفهومی که امروزه در علم طراحی سایت معرفی شده و به نکات نمایشی سایت برای کاربران و جذب نگاه آنها به سایت می پردازد.
در حالی که سئو مربوط به محتوا و ارتباط محتوا مطالب سایت با هم و بهینه سازی سایت ها از لحاظ ساختار مطالب می پردازد.
  در صورت رعایت هر دو مفهوم Search Engine Optimization و HEO در کنار هم در مراحل طراحی سایت، ما می توانیم به بهینه سازی سایت دست پیدا کنیم، که نکته ی رقابتی بین شرکت ها در تجارت الکترونیک می باشد                                                                                                                               

تعریف انتخاب هدر مناسب در HEO
نکته بعدی که برای HEO بهتر  انتخاب هدر و بنر ابتدایی مناسب برای سایت می باشد. این تناسب برای HEO سایت ما بسیار تاثیر گذار خواهد بود. هدر سایت نباید بخش گسترده ایی از صفحه را اشغال نماید.
در نمای ابتدایی سایت اگر هدر بخش زیادی را به خود اختصاص دهد، باعث هدر رفت مناطق کلیدی بالای صفحه، در وب سایت ما خواهد شد، پس در طراحی سایت به این مسئله توجه ویژه نماییم.
پس بهتر است اندازه ای مناسب برای آن در نظر بگیریم، اندازه ای در حدود یک / هفتم نمای اولیه سایت، تا بتوانیم از سایر فضای بالای سایت از آن استفاده نماییم.

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

چیدمان صفحه در HEO
  یکی دیگر از نکات مهم در بهبود، و جذب نظر کاربران و مخاطبان، بچیدمان صفحه و یا همان صفحه آرایی می باشد.
متخصصان و روانشناسان بر این عقیده اند که بسیاری از مردم در قالب وب سایت هایی که زبان آنها لاتین و سبک نوشتن آنها از چپ به راست می باشد، تصویر اولیه و فکوس اولیه آنها به صورت حرف F انگلیسی می باشد.
و در وب سایت هایی که زبان نوشتاری آنها فارسی و عربی می باشد و سبک نوشتاری آنها از راس به چپ می باشد، نمای اولیه و فکوس اولیه آنها به صورت F برعکس می باشد. که این تمرکز نگاه را در عکس پایین مشاهده می نمایید.
در طراحی سایت امروزه از این مناطق برای قرار دادن مطالب برگزیده و مهم سایت استفاده می نمایند. باید دقت داشته باشیم این نمای اولیه نیز می تواند تاثیر زیادی در جذب مخاطبان داشته باشد. پس دقت نماییم که حتما در این مناطق از عکس ها، رنگ ها و نوشته های با کیفیت و تاثیر گذار استفاده نمایید تا HEO سایت بهتری در طراحی سایت خود داشته باشیم.
معمولا بخش اصلی سایت ها که قرار است پست ها و اخبار و مطالب ما در آن درج شود بهتر است در سمت راست سایتمان قرار داده شود، و می توانیم با قرار دادن لایه و جدولی در حاشیه سمت چپ، برای سایر قسمت های سایت خود استفاده نماییم، از جمله بنر ها، لینک ها، ورد کاربران و سایر ماژول های که قرار است در سایت استفاده نماییم.
  در چیدمان صفحه نخست  باید تا جایی که می توانیم از شلوغ کردن آن خود داری نماییم و با استفاده از قرار دادن منو های جذاب و اسلاید شو های جذاب، کاربران را به بخش ها و صفحات دیگر وب سایت خود راهنمایی کنیم.
در طراحی سایت می توانیم با چیدمان مناسب حتی از هدر رفتن فضا ها جلوگیری نماییم.

 

تعریف انتخاب رنگ ها در HEO چیست؟
یکی از مسائل مهم که در HEO سایت ما و جذب مخاطب تاثیر دارد، انتخاب رنگ برای عناصر و بخش های مختلف وب سایت مان می باشد. در طراحی سایت خود باید دقت داشته باشیم که رنگ هایی که در کنار هم جلوه ایی بهتری دارند را در کنر هم به کار ببریم.
مهمترین رنگ و نمایی گرافیکی که در نظر کلی از یک سایت دیده خواهد شد، رنگ زمینه یا backround می باشد، معمولا بهتر است از رنگ ها و تصاویری که دارای رنگ های آرامش بخش می باشند در این قسمت استفاده نماییم.
البته با توجه به زمینه ایی که برای آن طراحی سایت می نماییم، می توانیم با توجه به آن شرکت و حتی نام آن رنگ برای سایت انتخاب نماییم. مثلا شرکتی که نام لیمو را برای نام خود انتخاب کرده است، می تواند از رنگ زرد و لیمویی در بخش عمده سایت خود استفاده نماید.
نکته مهم دیگر انتخاب رنگ قلم هاست که در بخش انتخاب فونت ها در HEO توضیحات کامل درباره آن داده ایم، لطفا مطالعه نمایید.
در نظر داشته باشید در آخر تمام رنگ های استفاده شده ما در طراحی سایت، همگی باید با هم دارای هارمونی باشند و در اصطلاح رایج “ست” باشند، حتی این “ست” می تواند “ست” متضاد نیز باشد. زیرا اینکار باعث دلنشین تر شد سایت در نمای کلی خواهد شد. سفارش می کنم قبل از شروع به طراحی سایت، نمونه های طراحی سایت را مشاهده نمایید و از انتخاب رنگ های متناظر با هم در طراحی خود استفاده نمایید.

تعریف انتخاب فونت ها در HEO چیست؟
در علم طراحی سایت در وهله اول ارتباط برقرار کردن ما و ارائه اطلاعات ما به کاربران و مخاطبان، متن ها می باشند. متن ها و البته در کنار آنها تصاویر مهمترین ابزار انتقال اطلاعات به کاربران از طریق صفحات اینترنت می باشند. پس بهتر است در انتخاب نوع قلم و رنگ آنها بسیار دقت نماییم. حتی در زمینه ایی که قرار است یک متن بر روی آن قرار بگیرد، باید به رنگ زمینه نیز توجه نماییم؛ مثلا اگر دقت کرده باشید خواندن هر متن بر روی زمینه قرمز رنگ خیلی سریع باعث خستگی چشم و حتی درد گرفتن چشم ها خواهد شد، حتی خواندن متنی با قلم سفید بر روی زمینه سیاه می تواند خیلی زود، چشم های مخاطب را خسته نماید. مثل عکس هایی زیر که می بینید انتخاب رنگ قلم و زمینه نامناسب برای آن باعث زدگی مخاطب از خواندن ادامه مطالب خواهد شد.
برای داشتن HEO بهتر در نوشتن مطالب و اخبار و مقالات و… به شما دوستان و طراحان سایت و مدیران سایت، سفارش اکید دارم که از رنگ قلم مشکی استفاده نمایید.
زمینه ای هم انتخاب نمایید که باعث آزار چشمان مخاطبان نشود. مثلا زمینه هایی با رنگ خاکستری و طوسی روشن بسیار مناسب برای این منظور می باشند. نمونه ایی از این نوع نگارش را در مقالات این سایت و عکس زیر مشاهده می نمایید.
البته ما می توانیم از رنگ های جذاب و روشن و اصطلاحا چشم خیره کن در متن های مطالبی که می خواهیم مورد توجه قرار بگیرند و البته متنی طولانی ندارند استفاده نماییم. مثلا در بنر های تبلیغاتی، هدر سایت و مطالب برگزیده که قرار است نظر کاربران بیشتر به آنها جلب شود.
البته رعایت همه این موارد در کنار هم در طراحی سایت نیاز به تجربه زیاد در این زمینه دارد، که شما بعد از چندین طراحی سایت و مطالعه مقالات در این زمینه، به تمام این هنر های جذب مخاطب خواهید رسید.
نکته آخری که درباره متن ها در اینجا باید عنوان شود، تا HEO بهتری داشته باشیم، انتخاب نوع قلم و فونت متن می باشد.
برای بهینه سازی سایت و همچنین ارتباط بهتر کاربران با نوع قلم و فونت متن ، بهتر است از فونت های رایج در اینترنت، که برای مرورگر های اینترنتی نیز تعریف شده اند و دچار بهم ریختگی در نمایش توسط آنها نمی شوند، استفاده نمایم.

                                                                                                                                                  

منبع : گرافیست سایت |قوانینHEO
برچسب ها : سایت ,طراحی ,استفاده ,مطالب ,نماییم ,کاربران ,طراحی سایت ,بهینه سازی ,سازی سایت ,استفاده نماییم ,مناسب برای ,search engine optimization ,متخصصان فناوری اطلا

طراحی سایتی که بتواندنیازها و انتظارات کاربران را برآورده سازد

:: طراحی سایتی که بتواندنیازها و انتظارات کاربران را برآورده سازد

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

طراحی یک وب سایت مناسب برای مخاطبان خود باید ثبات و استحکام حیطه کاری خود را مشخص و حفظ نمایید. به این معنی که محدوده بازدیدکنندگان وب سایت خود را تعیین نمایید. با رعایت ثبات کاری، وب سایت دارای ویژگی یکنواختی و منطق خواهد بود. توجه داشته باشید که طراحی وب سایت متناقض فشار زیادی به کاربر وارد کرده و این امر موجب کاهش تدریجی نرخ کاربران شما خواهد شد.

اهمیت رعایت ثبات در طراحی وب سایت :

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

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

اصل ثبات در طراحی وب سایت :
اصل ثبات در طراحی وب سایت را می توانیم به دو بخش تقسیم نماییم:
بخش یک : ثبات درونی
بخش دوم : ثبات خارجی
ثبات خارجی به معنی انجام مقایسه بین محصولات سایر وب سایت ها می باشد ولی ثبات داخلی بر روی پروژه کاری خود شما تمرکز دارد.

مفهوم ثبات خارجی :
 ثبات خارجی به معنای برآورده کردن انتظارات کاربران از حیطه کاری است. اگر  قادر به ایجاد ماهرانه یک وب سایت باشید، می توانید به راحتی ویژگی ثبات خارجی را نیز بر روی طراحی خود اعمال نمایید.دانش عمومی مخاطبان وب سایت به یک سری عوامل خارجی بستگی دارد. برآورده سازی انتظارات بازدیدکنندگان وب سایت  می تواند مسیر درست موفقیت را  ترسیم نماید. مفهوم ثبات خارجی در تمامی وب سایت ها و حتی اپلیکیشن های موبایل به عنوان یک اصل اساسی مطرح شده است.
وجود جهت یابی های مناسب برای هدایت کردن کاربری که از وب سایت  بازدید می کند،  نمونه هایی از رابط های کاربری مناسب برای برآوردسازی انتظارات مخاطبان شما می باشد.

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

ساختار یافته، شفاف و قابل تشخیص ...
   وب سایت  باید شامل مفاهیمی باشد که کاربران دقیقاً به دنبالشان هستند. استفاده کردن از جهت یابی مناسب در تمامی صفحات وب سایت نیز از اهمیت ویژه ای برخوردار است.
رعایت تعادل در این بخش نقش بسیار مهمی را ایفا می کند.

مواردی که باید از آنها اجتناب کنید:
گرافیست سایت در تمامی مراحل کاری خود بایدانتظارات کاربران را در اولویت کاری خود قرار دهد. گاهی اوقات انتظارات کاربران صرفاً یک عادت غلط می باشد.

منبع : گرافیست سایت |طراحی سایتی که بتواندنیازها و انتظارات کاربران را برآورده سازد
برچسب ها : سایت ,طراحی ,ثبات ,کاربران ,خارجی ,انتظارات ,انتظارات کاربران ,ثبات خارجی ,مناسب برای ,داشته باشید ,مفهوم ثبات ,توجه داشته باشید

استفاده از فتوشاپ در طراحي وب چگونه صورت می گیرد؟

:: استفاده از فتوشاپ در طراحي وب چگونه صورت می گیرد؟
 فتوشاپ، نرم‌افزاري چندكاره است.تقريبا در هر جايي كه به طراحي دستی يا كار روي تصوير و عكس نياز باشد خودي نشان مي‌دهد و قابل استفاده است. بر مبناي نوع كاربرد مي‌توان كاربران فتوشاپ را به 3 دسته تقسيم كرد:

 

1- طراحان گرافيست

2- عكاسان

3- طراحان وب و چندرسانه‌اي

 

هر صفحه وب از 2 بخش تشكيل شده است؛ بخش اول قالب گرافیک وب و بخش دوم محيط كدنويسي است كه به كمك آن محيط گرافيكي ايستا به يك محيط پويا تبديل مي‌شود. به جرات مي‌توان گفت به همان اندازه كه كدنويسي درست در طراحي وب‌سايت مهم است، طراحي گرافيكي وب سايت نيز اهميت ويژه‌اي دارد. اينجاست كه فتوشاپ پا به ميدان مي‌گذارد و طراح وب مي‌تواند با كمك آن به بهترين نحو ممكن قدرت كدنويسي خود را به نمايش بگذارد. معمولا قبل از شروع به كار طراحي وب‌سايت، طرح جامعي از سايت و صفحات مورد نياز آن تهيه و با توجه به آن قالب گرافیکی سایت طراحي مي‌شود. پس از اتمام طراحي، با انتقال قالب به محيط برنامه‌هاي طراحي وب، ارتباط بين قسمت‌هاي مورد نظر تعريف شده و خروجي نهايي صورت مي‌گيرد.

 

اولين كار براي طراحی قالب سايت، تعريف يك پروژه جديد با اندازه مورد نظر سايت است. فقط بايد دقت كرد كه در محيط وب واحد اندازه‌گيري بر مبناي پيكسل بوده و از استاندارد معيني تبعيت مي‌كند. براي سهولت كار مي‌توانيم در پنجره New با كليك در قسمت Preset و انتخاب گزينهWeb از اندازه‌هاي استانداردي كه در قسمت Size ظاهر مي‌شود استفاده كنيم. رزولوشن محيط وب نيز برخلاف چاپ كه تاكيد كرديم ‌300 انتخاب شود، بايد 72 يا حداكثر 96 باشد، زيرا بيشتر از اين مقدار تغيير چنداني در كيفيت تصوير ايجاد نمي‌شود، فقط حجم فايل خروجي را بيهوده افزايش داده‌ايم.

در طراحي قالب وب، وب يكي از كاربردي‌ترين بخش‌هاست و به كمك آن مي‌توانيم نسبت به مشخص كردن موقعيت و محل قسمت‌هاي مختلف سايت خود اقدام كنيم. پس در ابتداي كار با مشخص كردن Header و Footer و محل چيدمان ستون‌هاي سايت خود، خطوط راهنمايي را در موقعيت مناسب آنها قرار مي‌دهيم                                                                                                                  

يكي از مهم‌ترين نكاتي كه يك طراح سايت بايد در نظر داشته باشد، كم حجم كردن سايت براي سهولت بارگذاری آن در اينترنت‌هاي كم‌سرعت است و با توجه به اين كه بيشتر حجم يك سايت نيز مربوط به تصاوير استفاده شده در آن است، بنابراين به كمك فتوشاپ و ترفندهاي طراحي سايت مي‌توانيم سايتي با كمترين حجم ممكن بدون صرف‌نظر كردن از جلوه‌های گرافيك وب توليد كنيم.

يكي از ترفندهاي طراحي سايت استفاده از دستور تكرار (Repeat) در كدنويسي سايت است كه در آن با تكرار يك تصوير به صورت پشت سر هم، اندازه وسيعي از فضاي مورد نظر بدون افزايش حجم پوشانده مي‌شود.

يكي ديگر از قسمت‌هاي كاربردي فتوشاپ براي طراحان وب، ابزار Slice در زير مجموعه ابزار Crop است كه به كمك آن طراح مي‌تواند تصوير خود را به قسمت‌هاي كوچك‌تري تقسيم كرده و باعث افزايش سرعت بارگذاري سايت شود. و مي‌تواند براي هر بخش انتخاب شده آدرس URL دلخواهي را تعريف كند تا كاربر با كليك روي آن بخش، به صفحه مورد نظر طراح هدايت شود.  يكي ديگر از قابليت‌هاي مهم فتوشاپ براي طراحان وب توليد خروجي مناسب وب از صفحه طراحي شده بدون استفاده از برنامه‌هاي طراحي وب است.         

البته كاربرد اصلي فتوشاپ، توليد تصاوير كم‌حجم به منظور استفاده در صفحات اينترنتي است،

فرمت‌هاي كم حجم رايج عكس براي استفاده در صفحات وب مي‌توان به JPEG، Gif و PNG اشاره كرد كه از بين آنها فرمت Gif و PNG جهت ذخيره‌سازي لايه‌هاي شفاف نيز كاربرد دارد كه البته حجم بيشتري نيز نسبت به فرمت JPEG دارد.                                                                                                                  

گرافیست وب با انجام دادان مراحل زیر به طرحی دستی وب می پردازد:                                                                                                                                                                                          1- فعال‌كردن حالت مقايسه‌اي تصوير بين حالت اصلي و حالت انتخاب شده براي ايجاد خروجي كم حجم.

2- پيش‌نمايش تصوير قبل و بعد از اعمال تغييرات.

3- توضيحات مربوط به اندازه تصوير نهايي و سرعت بارگذاري آن در اينترنت.

4- گزينه‌هاي قابل انتخاب براي تنظيم حالت دلخواه تصوير نهايي از بين 3 فرمت JPEG، Gif و PNG

5- نمايش يا عدم نمايش متا ديتا مخفي شده در عكس.

6 – جدول رنگ‌هاي استفاده شده در صورتي كه حالت Gif انتخاب شده باشد.

7- تنظيم سايز تصوير نهايي.

8- تنظيم انيميشن موجود در تصوير در صورت تعريف انيميشن و ايجاد خروجي Gif.

در نهايت با كليك روي دكمه save و انتخاب حالت دلخواه Image Only يا html Only يا هر دو، فايل خود را با كمترين حجم ممكن ذخيره مي‌كند .                  

منبع : گرافیست سایت |استفاده از فتوشاپ در طراحي وب چگونه صورت می گیرد؟
برچسب ها : طراحي ,سايت ,تصوير ,استفاده ,محيط ,فتوشاپ ,تصوير نهايي ,سرعت بارگذاري ,ايجاد خروجي ,براي طراحان ,حالت دلخواه

نکاتی درباره رنگ وفرم در طراحی لوگو

:: نکاتی درباره رنگ وفرم در طراحی لوگو
مبحث اول : رنگ ها                                                                                                                 ر طراحی گرافیکی مانند طراحی لوگو ، طراحی کاتالوگ یا ، اولین نکته ای که باید در نظر گرفت آن است که چه چیزی در طراحی من اول بچشم خواهد خورد؟
بنظر می آید اولین آیتم بصری که درگرافیک وب بتوان گفت در هر طراحی ذهن بیننده آن را به خود جلب مینماید، نوری است که از آن تصویر به چشم میخورد و نوری که از تصویر ساطع میشود همان رنگ تصویر است . پس رنگ ها نقش بسیار مهمی در یک طراحیگرافیکی بازی مینمایند.
استاد رنگ شناسی لوشر luscher ، مبدع تست تشخیص براساس رنگ ها(luscher-color- Diagnostic) ، که معیاری برای تشخیص وضعیت روانی آدمها درتعامل با رنگ ها، میباشد، عقیده دارد " رنگ ها میتوانند وضعیت روانی یا جسمی آدمها را تغییر دهند . مثلا رنگ های گرم دریک طراحی باعث افزایش ضربان قلب، بالا رفتن فشار خون و نیز در برخی موارد باعث ضعف و گشنگی میگردد و رنگ های سرد باعث کاهش فشار خون و نیز کاهش ضربان قلب میگردد.
استفاده از رنگ های گرم در فست فود فروشیها، ویا هجومی بودن بازیهای فوتبالی که دو تیم شرکت کننده آن لباسهای گرم مثل قرمز، نارنجی و زرد به تن دارند خود دلیل این مدعاست.
با نگاهی به رنگ لوگوی سازمانهای مختلف هم میتوانید به تاثیر گذاری رنگ ها برانتخاب آن برای رنگ لوگوی آن سازمان نیز پی برد. مثلا رنگ لوگو بکار رفته در طراحی لوگوی شرکت ارتباطات ایرانسل که بیشترین مخاطبان آن جوانان و نوجوانان میباشد ، زرد پر رنگ که نشان دهنده حرارت و انرژی زیاد میباشد و بسیار برای مخاطبان آن که غریب به یقین جوانان و نوجوانان میباشد، مناسب مینماید و رنگ لوگوی بکار رفته در طراحی لوگوی سازمانهای بیمه اغلب آبی رنگ است که حس اعتماد ، پایداری و آرامش را به مخاطب القا مینماید.
اما رنگ لوگوتجارت الکترونیک پارسیان بنظر می آید، به این دلیل نارنجی و مشکی انتخاب شده است که رنگ های گرم در کنار مشکی قدرت وصلابت را نشان میدهد.
رنگ ها درگرافیک سایت مانند طراحی لوگووآرم گاهی بیانگر گرایشهای سازمانی یک دسته یا یک رسته از فعالیت های سازمان میباشد و گاهی آنچه از نام یک سازمان درذهن ماندگار میشود و بیاد آوردن آن برای مخاطبان آسان تر میشود ، رنگ سازمانی آن گروه ، موسسه یا ... میباشد.
اینها نشان دهنده آن است که رنگ ها تاثیر بسزایی بر روحیات، عملکرد و عکس العملهای ما میگذارند و شاید بجرات بتوان گفت گاهی این رنگ ها هستند که ما را هدایت ویا کنترل میکنند یا عنان از دست ما میربایند.
   رنگ هایی که شامل خاکستری + ته رنگ میباشد خاصیت منحصر به فردی دارند و آن این است که در بیشتر موارد اجازه فکر کردن را از مخاطب میگیرند و در طراحی لوگوی سازمانهای سیاسی شاید استفاده آن مناسب تر بنماید.                                                                         مبحث دوم : فرم ها                                                                                                              بعد از رنگ ، فرم ها  نقش عمده ای در تاثیر گذاری برروی مخاطب بازی میکنند . فرمها در یک طراحی گرافیکی مانند طراحی لوگو، از جمله عوامل سازنده و تاثیر گذار میباشند به گونه ای که اشکال ممکن است بیانگر عملکرد یک سازمان باشد و نمای کلی و دیدی کلی از اینکه این سازمان دارای چه فعالیتی است به مخاطب ارائه دهد .
 درست است که فرم ها نقش عمده ای در برقراری ارتباط با مخاطب بازی مینمایند ، اما این نقش به اندازه نقش رنگ در برقراری ارتباط با مخاطب نمیباشد، قبل از فرم لوگوی به کار رفته در طراحی لوگو سازمان در خاطر مخاطبان نقش میبندد وبه یاد آورده میشود.

فرم های بی ربط در طراحی لوگو گاهی نه تنها کمک به سر و سامان گرفتن فرم رسمی آن سازمان نمیکنند، بلکه گاهی ضربه آن باعث حذف شدن آن سازمان و موسسه از بازار فعالیتهای حرفه ای آن نیز میگردد.

 وقتی می خواهید یک طراحی لوگو را آغاز نماییدکافیست فکر کنید چه ایده ای می توانید ضمن خلاقانه بودن و غیر تکراری بودن ، نشان دهنده جمیع محصولات یا خدمات شرکت مربوطه ای که سفارش طراحی لوگو را داده است باشد.
 در برخی موارد هم می تواند بسیار پیچیده و اسرار آمیز اما ماندگار در ذهن باشد، مانند طراحی لوگوی روبرو که از انواع طراحی "Grunge logo" می باشد (یعنی لوگوهای شلوغ و در هم برهم).

سه نکته که حتما باید در هنگام طراحی لوگو به آن توجه کنید آن است که

1- در طراحی لوگو به هیچ وجه از حروف اختصاری LLC و LLP، Inc و ... استفاده نکنید. اگر مشتری شما اصرار بر گذاشتن این حروف اختصاری در طراحی لوگو داشت، کافیست به او بگویید که نگاهی به طراحی لوگو های معروف و برجسته دنیا بیاندازند...

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

3- در طراحی لوگو از نام و شماره تلفن و آدرس یا ...چیزهایی شبیه آن استفاده نمی شود.
البته یک نکته آخر در طراحی لوگو ، این است که رنگها ، اشکال و فرمهای بکاررفته در طراحی لوگو بهتر است محدود و ساده باشد ، هرگز از انواع رنگها و فرمها در طراحی لوگوی خود استفاده ننمایید. طرحی در ذهن ماندگار میگردد که از رنگها و فرمها، به جا استفاده کرده باشد و سادگی نیز، جایگزین درهم برهمی گشته باشد.
.                                                                                                                                                                           

منبع : گرافیست سایت |نکاتی درباره رنگ وفرم در طراحی لوگو
برچسب ها : طراحی ,لوگو ,لوگوی ,سازمان ,استفاده ,مخاطب ,طراحی لوگو ,طراحی لوگوی ,مانند طراحی ,لوگوی سازمانهای ,نشان دهنده ,طراحی لوگوی سازمانهای ,گرافیکی م

طراحى سايت تنهاساخت سايتى زيبا نيست

:: طراحى سايت تنهاساخت سايتى زيبا نيست
 در طراحى وب سايت مى بايست برنامه ريزى هاى لازم براى رسيدن به هدف انجام گردد. هر وب سايتى هدف و يا اهدافى دارد. اغلب وب سايت از جنبه بازاريابى راه اندازى مى گردند و شركت ها تمايل دارند از طريق وب سايت خود در كنار داشتن كاتالوگى اينترنتى، مشتريان جديدى جذب نمايند. بازاريابى از طريق وب سايت يكى از بهترين و ارزان ترين روش هاى تبليغات براى شركت ها مى باشد كه در صورتى كه عمليات طراحى وب و بازاريابى به درستى انجام گردد مى تواند سهم بسيارى در رونق كسب و كار شركت ها داشته باشد. زيبايى وب سايت اگر چه بسيار مهم مى باشد اما چيزى كه اهميت بسيار دارد كاربر پسند بودن وب سايت مى باشد و يك طراحى سايت اصولى، طراحى مى باشد كه در كنار توجه به اصول زيبا شناسى وب سايت مى بايست كاربر پسند بودن وب سايت،راحتى استقاده در پياده سازى آن لحاظ گردد. در حقيقت كاربرى وب سايت مهترين فاكتور در موفقيت سايت مى. باشد. و همچنين در ارائه مطالب به كاربر موفق باشد به احتمال قوى مى تواند وب سايت موفقى باشد. امروزه با توجه به افزايش تاثير اينترنت در كسب و كارهاى شركت ها مى توانيد نقش بسيارى در رونق كسب و كار شركت ها داشته باشد و بازاريابى از طريق وب سايت و اينترنت مى تواند سهم بسيارى در فروش شركت ها داشته باشد. رعايت اصول سئو در كنار داشتن برنامه ريزى درست براى ارائه اطلاعات به كاربران و همچنين داشتن محتواى كافى مى تواند نقش بسيارى در موفقيت وب سايت داشته باشد.

وجود محتواى كافى در وب سايت

وجود محتواى كافى در وب سايت يكى از مهمترين فاكتورها در موفقيت وب سايت مى باشد. اينكه وب سايت محتواى مورد نياز كاربران و مشتريان را داشته باشد مى تواند باعث جذب بازديد كنندگان به وب سايت، ماندگارى بيشتر آنان در وب سايت و همچنين جذب مجدد بازديد كنندگان به وب سايت به عنوان مهمترين فاكتور در موفقيت وب سايت باشد.

دسته بندى و منوبندى اصولى وب سايت

درطراحی قالب سایت مطالب وب سايت به درستى مى بايست دسته بندى و منوبندى گردند.گرافیست وب قبل از اينكه مطالب وب سايت را بارگذارى نمايد حتما مى بايست منوبندى و دسته بندى مطالب سايت خود را زير نظر متخصص سئو و بهينه سازى وب سايت انجام دهيد تا ساختار سايت دقيقا طبق اصول سئو ايجاد گردد كه البته وب سايت مى بايست به گونه اى دسته بندى گردد تا كاربران درك درستى از مطالب وب سايت  داشته باشند و بتوانند به راحتى به اطلاعات مورد نظر خود دسترسى پيدا نمايند.

قالب و طراحى مناسب وب سايت

طراحى وب سايت و ظاهر زيبا مى تواند نقش بسيار مثبتى در موفقيت وب سايت داشته باشد. قالب و ظاهر زيبا و كاربر پسند مى تواند باعث موفقيت بيشتر وب سايت گردد. ظاهر زيبا ، رنگ آميزى مناسب و انتقال و ايجاد احساس مناسب در كاربر مى تواند باعث موفقيت بيشتر وب سايت گردد.

كاربر پسند بودن وب سايت

 به اين معناست وب سايت بتواند بهترين حس را در كاربران ايجاد نمايد تا كاربر متقاعد گردد كه كالا و خدمات خود را از اين شركت تهيه نمايد. طراحى سايت كاربر پسند طراحى وب سايتى كه در آن اطلاعات به بهترين روش ممكن منتقل مى گردد.

انجام امور سئو و بهينه سازى سايت

سئو باعث بالا آمدن وب سايت براى كلمات كليدى مرتبط به زمينه فعاليت صفحه اول گوگل مى باشد و يكى از مقرون به صرفه ترين و ارزان ترين روش هاى تبليغات و بازاريابى مى باشد. توسط اين روش مى توانيد مشتريان بسيارى را از طريق موتور جستجوى گوگل جذب نماييد.

تبليغات براى وب سايت

انجام تبليغات براى وب سايت در كنار انجام امور سئو مى تواند نقش بسيار مثبتى در موفقيت وب سايت داشته باشيد. تبليغ در ساير سايت ها، تبليغات كليكى، تبليغ در روزنامه، جرايد، تلويزيون، راديو، بيلبورد و ساير روش هاى تبليغاتى مى تواند نقش بسيار مثبتى در موفقيت وب سايت داشته باشد.

يك وب سايت خوب و موفق مى تواند نقش بسيار مثبتى بر روى رونق اقتصادى شركت ها داشته باشد. بهتر است وب سايت خود را زير نظر شركت هاى با تجربه طراحى وب انجام دهيد تا از وب سايت خود بهترين نتيجه را بگيريد.

طراحی وب سایت مسئله ای فراتر از طراحی یک سایت زیبا است.


معمولا مردم وبسایت را به دید یک هنر آنلاین می دانند.در واقع طراحی وب سایت  یک فرم هنری دیجیتال است.طراحی وب سایت فراتر از این است که سایتی را ایجاد کنید که زیبا به نظر برسد.
تاثیرات طراحی وب سایت شامل ساختار سایت، کارایی، عملکرد و ... است.
ساختار وب سایت المان مهم در طراحی وب سایت است.
المان مهم طراحی سایت، ساختار آن سایت است. این موضوع رابطه مستقیم دارد با پلتفورمی که برای ارائه محتوای سایت انتخاب میکنید. میتوانید به طور مستقیم از عملگرهای کدینگ مثل HTML، PHP، CSS و یا نسخه های نیمه آماده مانند Joomla یا WordPress استفاده کنید. هر کدام از این راه حل ها نقاط مثبت و منفی دارند که میتوانند هر کدام به نوعی تاثیرات خود را بر رتبه موتور جست و جو میگذارند.
بزرگترین مشکل ممکن در هنگام ایجاد ساختار و SEO، درباره کدهای استفاده شده است.
موتورهای جست و جو به وب سایت هایی گرایش دارند که سرعت بالایی در بارگذاری دارند، به همین دلیل میتواند در بخش رتبه بندی SEO شما تاثیر بگذارد. برای پیدا کردن خاطا میتوانید از برنامه هایی مانند W3C که باعث سریس دهی در زمینه نشانه گذاری و اعتبار سنجی میشود، استفاده کنید. این ابزار به شما کمک میکند تا مشکلات وب سایت خود را بیابید، آنها را رفع کرده که باعث میشود وب سایت شما در بهترین حالت توانایی های خود را ارائه دهد. زمانیکه سایت شما از ساختار بی نقصی برخوردار باشد سبب راحتی در استفاده کاربر از یابت و هدایت وی به آن میشود.
قابلیت استفاده بودن برای موفقیت تاثیرات در طراحی سایت حیاتی است.
قابلیت دسترسی یک وبسایت اشاره دارد به اینکه چگونه به راحتی بازدیدکنندگان جدیدی را به سمت بازدید از سایت هدایت کنید، دریابید آنها دقیقا دنبال چه چیز هستند و تقابلات ضروری را نشان خواهد داد.
خوانا بودن یکی دیگر از المان های مهم در طراحی وب سایت است.
خوانا بودن يكى ديگر از المان هاى طراحى وب است و مهمترين بخش آن اين است كه بتوانيم با روش هاى ساده وب سايت را به راحتى قابل خواندن كند.بسيارى از مالكان وب سايت ها نميدانند كه متن با رنگ مشكى بر روى زمينه سفيد خواناترين متن براى چشم انسان است.شايد زمينه مشكى جالب و مدرن به نظر بياد،اما به طور ميانگين براى چشم اكثر خواننده ها بسيار ناراحت كننده است. در هنگام انتخاب رنگ براى سايت خود اين موضوع را خوب بخاطر بسپاريد كه هميشه متنى با رنگ تيره و زمينه اى با رنگ روشن را در اولويت قرار دهيد.
كارايى درست وب سايت كليد تاثيرگذارى طراحى يك سايت است.
كارايى و درست كار كردن در سايت بايد وجود داشته باشد.اين موضوع يك مشكل عمومى و اصلى به شمار نمى آيد.اما در روش هاى مختلف متقابل درد سر ساز خواهد شد.
معمولا بازدیدکنندگان انتظار دارند که بتوانندبه راحتی در وب سایت پیمایش کنند و اجازه داشته باشند نظرات خود را بیان کنند و مطالب جدید ارسال شده را مشاهده کنند.اگر موارد مختلف درست کار نکنند باعث میشود که در هنگام استفاده از موتور جست و جو این خطاها تاثیرات بدی بر روی SEO مکررا به وجود می آورد و باعث ایجاد ترافیک در سایت میشود. قاعدتا یک بازدیدکننده اگر زمانی که از وب سایت دیدن میکند احساس راحتی نکنند و آنچه که به دنبال آن هستند در دسترس نباشد احتمال کمی دارد که مجددا به آن وب سایت برگردند.
کارایی یک وب سایت شامل موارد فوق است اما محدود به این موارد نیست، پس برای اطمینان بیشتر موارد زیر را نیز بررسی کنید:                                                                                    

منبع : گرافیست سایت |طراحى سايت تنهاساخت سايتى زيبا نيست
برچسب ها : سايت ,سایت ,طراحى ,داشته ,تواند ,موفقيت ,داشته باشد ,كاربر پسند ,بسيار مثبتى ,سايت داشته ,دسته بندى ,باعث موفقيت بيشتر

تعریف وب پروتال و انواع پرتال ها از نظر مطالب واز نظر ماهیتی

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

جدای از ویژگیهای استاندارد موتورهای جستجوگر، پرتال ها، خدمات دیگری را نیز نظیر ایمیل، اخبار، نرخ ارز، اطلاعات، دیتابیس ها و سرگرمی را ارائه می دهند. پرتال ها راهی برای ارائه ظاهری پیوسته و دسترسی آسان به کنترل ها، برنامه ها و دیتابیس های مختلف را فراهم می کنند بطوریکه بدون وجود آنها، از چندین جایگزین مختلف می بایست بجای آنها استفاده کرد.                                                                                                 

انواع پرتال ها از نظر مطالب

پرتال های افقی در مقایسه با پرتال های عمودی

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

پرتال عمودی اطلاعات

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

انواع پرتال ها از نظر ماهیتی

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

پرتال های خبری: رسانه ای سنتی در سراسر دنیا، همگی تکنولوژی جدید را پذیرفته اند که آغازی بر ظهور پرتال های جدید در سراسر دنیا شده است. این کانال رسانه ای جدید، امکان امکان رسیدن بازدید کنندگان را به کسری کوتاه از زمان، در مقایسه با رسانه های سنتی، تقلیل داده است.

پرتال های دولتی: در اواخر سالهای دهه 90 میلادی، بسیاری از دولتها، از قبل، سایت های پرتالی برای شهرهای تابعه تشکیل داده داده بودند. چنین پرتال هایی، اساسا شامل پرتالهای اصلی دولت ها و همچنین پرتال هایی بودند که برای کاربران خاصی طراحی شده بودند. مثالهایی از این پرتالها، شامل سایت های دولتی زیر نظر دولت، نظیر وزارتخانه ها و موارد دیگر بودند.

پرتال های مشارکتی: اینترانت در سالهای 1990 و بعد از آن، شیوع پیدا کرد. با گسترش حجم و پیچیدگیهای اینترانت، وبمسترها با مشکلاتی نظیر افزایش روز افزون مطالب، و مدیریت کاربران مواجه شدند. نگرش کلی به اطلاعات شرکت ها و موسسات، ناکارامد جلوه می داد و کاربران می خواستند تا بر حسب نیاز شخصی خود، تنها به اطلاعات خاصی دسترسی داشته باشند. وبمسترها در صورتیکه از مهارت کافی برخوردار بودند، می توانستند امکاناتی را در این خصوص ارائه دهند ولی در کل، شرایط در آن زمان، سبب می شد تا کاربران از استفاده از اینترانت گریزان شوند.

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

استانداردهای JSR168، در سال 2001 بوجود آمد. Java Specification Request یا به اختصار استاندارد JSR 168، این امکان را به کاربران می داد تا از پرتال، بر روی پلتفرم های مختلفی استفاده کنند. این استانداردها به برنامه نویسان، مدیران، و مشتریان اجازه میداد تا پرتال های استانداردی را برای مقاصد مختلفی به کار برند. مفهوم افزودن مطلب به نظر همچنان کارامد می نماید و پرتال ها به احتمال زیاد در سالهای آینده نیز از این ایده پشتیبانی خواهند کرد.

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

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

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

پرتال های پزشکی و بهداشتی: پرتال های پزشکی، بزرگترین مکان نمایش اطلاعات پزشکی و بهداشتی در جهان می باشند. Emedicalpoint، بزرگترین پرتال پزشکی بهداشتی در جهان است که در بنگلادش قرار دارد.

پرتال های جستجو: پرتال های جستجو، اساسا نتایج جستجوهای چندین موتور جستجوگر را در یک صفحه نشان می دهند.

پرتال های مناقصات: پرتال های مناقصات، ابزاری را برای جستجو، ارسال، و بایگانی داده های مناقصاتی برای مناقصه دهندگان و کاربران فراهم می کند.

توسط چنین پرتال هایی، کلیه فرایند مناقصات نظیر ارسال پیشنهاد، مشاوره، و مدیریت، کاملا تحت وب انجام می شود.

مناقصات آنلاین یا الکترونیکی دقیقا همان روند مناقصات سنتی را دنبال خواهند کرد ولی با استفاده از فرم هایی از طریق اینترنت.

با استفاده از مناقصات آنلاین، مناقصه دهنده گان می توانند کارهای زیر را انجام دهند:

  • دریافت مناقصات جدید
  • دریافت مستندات مناقصه بصورت آنلاین
  • پر کردن فرم ها بصورت آنلاین
  • ارسال پیشنهاد و مستندات
  • ارسال پیشنهاد مالی

پرتال های هاست دار: با افزایش شهرت پرتال های هاست دار، تعدادی از شرکت ها شروع به ارائه سرویس هایی در این خصوص کردند. پرتال های هاست دار اساسا فرم و شکل پرتال ها را دگرگون کردند. از بسیاری جهات، چنین پرتال هایی بیشتر بعنوان ابزاری برای انتشار اطلاعات بکار می روند تا بعنوان هدف اصلی خود یعنی نمایش مطالب از روی دیتابیس. اولین شرکت هایی که خدمات پرتال هاست دار را ارائه می دادند نظیر Hyperoffice.com، یا سایت internetportal.com که هم اکنون تعطیل شده است، در کنار انتشار مطالب، بیشتر بر روی مشارکت کاربران و زمانبندی تمرکز می کردند. با افزایش محبوبیت و شهرت پرتال های هاست دار، ویژگی های آنها نیز بهبود یافت تا مواردی نظیر دیتابیس های هاست، مدیریت محتوا، ایمیل، و انجمن های گفتگو را نیز شامل شوند. پرتال های هاست دار بطور خودکار، مطالب تولید شده را با توابع برنامه نویسی خود شخصی سازی می کردند تا حسی شخصی و خصوصی شده به کاربران دست دهد.و از این جهت، آنها به هدف اصلی پرتال ها، پایبند بودند. با ظهور نسل جدید پرتال های اینترنتی که به آنها پرتال های ابری می گفتند، پرتال ها، قدرت اصلی برنامه های API (رابط برنامه نویسی کاربردی) را به نمایش می گذاشتند.

پرتال های مخصوص یک دامنه: تعدادی از پرتال ها، مخصوص یک دامنه خاص هستند که دسترسی اجازه دسترسی به شرکت های مربوطه و خدمات آنها را می دهند. مثالی از این پرتال ها، پرتال هایی هستند که روز به روز بر شهرت آنها افزوده می شود و اجازه دسترسی را به سایت های estate agents، removal film، و solicitors را می دهند. در همین امتداد، پرتال های خبری و اطلاعاتی نیز بوجود آمدند، 

منبع : گرافیست سایت |تعریف وب پروتال و انواع پرتال ها از نظر مطالب واز نظر ماهیتی
برچسب ها : پرتال ,هایی ,کاربران ,اطلاعات ,ارائه ,مطالب ,چنین پرتال ,پرتال هایی ,اجازه دسترسی ,انواع پرتال ,برای مقاصد ,چنین پرتال هایی، ,پرتال عمودی اطلاعا

رازهای طراحی و استفاده از یك بنر تبلیغاتی موفق

:: رازهای طراحی و استفاده از یك بنر تبلیغاتی موفق

افزایش كارایی یك بنر تبلیغاتی برای بهبود وضعیت كسب و كار امری حیاتی است.

1- هر بنر را مطابق با وب سایت میزبان طراحی كنید. 
در یك فعالیت تبلیغاتی موثر ابتدا باید یك وب سایت مناسب و مرتبط پیدا كنید كه مورد علاقه مشتریان شما باشد آنگاه بنری طراحی كنید كه با سلیقه بازدیدكنندگان آن وب سایت سازگار باشد. در عین حال سعی كنید بنری كه طراحی می كنید با طراحی آن وب سایت متناسب باشد. تا كاملاً حرفه ای به نظر بیاید. گاه بعضی طراحان حرفه ای به گونه ای بنر را می سازند كه گویی قسمتی از آن وب سایت است كه این كار باعث می شود مقاومت بازدید كنندگان آن وب سایت برای كلیك روی آن بنر ها كاهش یابد یا به عبارت دیگر افراد بیشتری از طریق این بنر به سمت شما هدایت می شوند. 

2- بنر یا تصاویر متحرك 
یك بنر كه به صورت انیمیشن چشمك زن طراحی می شود شانس بیشتری برای دیده شدن دارد ولی در عین حال انیمیشن نباید به گونه ای باشد كه بازدید كنندگان را عصبانی كند و در ناخود آگاه آنها ذهنیت بدی به جا بگذارد. تصاویر انیمیشنی كه خیلی سریع و مداوم عوض می شوند بیننده را خسته می كنند و در این صورت نه تنها روی بنر شما كلیك نمی شود بلكه احتمالاً تعدادی از بازدیدكنندگان از خیر آن صفحه خواهند گذشت. حتی می توانید قسمت كوچكی از بنر خود را به صورت متحرك در آورید. به خاطر داشته باشید وقار بنر شما نشاندهنده اعتبار و اعتماد به نفس گرافیست سایت  است

3- مختصر و وسوسه انگیز 
چندین نسخه بنر تبلیغاتی بسازید و آماده داشته باشید. بنر های تبلیغاتی كه ریزه كاری های گرافیكی با ظرافت در آنها لحاظ شده است، بیشترین درصد بازدهی را دارند. تجربه نشان داده است روی چنین بنر هایی تا 7 درصد كلیك می شود كه برای یك بنر تبلیغاتی آمار بسیار خوبی است. حال كه بنر های مختلفی طراحی كرده اید سعی كنید آنها را در فواصل زمانی 72 ساعته با یكدیگر تعویض نمایید و آمار بازدید هر كدام را با دیگری مقایسه كنید. با این كار تجربه ارزشمندی نسبت به عكس العمل بازدید كنندگان بدست خواهید آورد كه در طراحی های بعدی می تواند مورد استفاده قرار گیرد. 

4- از یك گرافیست حرفه ای كمك بگیرید. 
امروز طراحی بنر از سه سال پیش به مراتب پیچیده تر شده است بنابراین برای طراحی تعدادی بنر تبلیغاتی موثر و متنوع به یك گرافیست حرفه ای نیاز دارید. اینترنت نه تنها منبع با ارزشی برای پیدا كردن اطلاعات است بلكه كار شما را برای انتخاب یك گرافیست حرفه ای بسیار ساده كرده است شما به راحتی با یك جستجوی ساده می توانید گرافیست مورد علاقه خود را پیدا كنید و نمونه كار های او را بررسی كنید. مطمئن باشید از یك بنر حرفه ای درآمدی خواهید داشت كه هزینه پرداختی شما برای یك بنر تبلیغاتی در برابر آن به چشم نخواهد آمد. 

5- حجم گرافیك را كاهش دهید. 
اگر بنر خیلی سنگین باشد زمان دانلود شدن در یك صفحه وب طولانی خواهد شد و طبیعی است كه شانس كمتری برای دیده شدن دارد. و واضح است كه كمتر روی آن كلیك خواهد شد. بنابراین  سعی كنید حجم بنر خود را كمتر از 15 كیلوبایت طراحی نمایید. البته این سایز برای یك بنر تبلیغاتی انیمیشن كمی غیر واقعی به نظر می رسد. 

6- كارایی بنر تبلیغاتی خود را ارزیابی كنید. 
یك بنر تبلیغاتی معمولی به طور متوسط نیم درصد از بازدید كنندگان یك وب سایت را به خود جذب می كنند بنابراین اگر روی بنری 2 درصد از بازدید كنندگان كلیك كنند آمار مناسبی است. اما بعضی مواقع به سختی می توان به چنین آماری دست یافت. اگر بعد از سه روز بنر شما بازدهی مناسبی نداشت آنگاه باید بنر تبلیغاتی خود را عوض كنید. همینطور سعی كنید وب سایت های مختلف را امتحان كنید به یاد داشته باشید هیچگاه همه بودجه خود را برای تبلیغات در یك وب سایت خرج نكنید بلكه بهتر است تبلیغات خود را در چندین وب سایت پخش كنید سپس باید بازدهی و درآمد خود را در هر مورد مقایسه كنید تا بتوانید وب سایت های مناسب خود را پیدا كنید.

منبع : گرافیست سایت |رازهای طراحی و استفاده از یك بنر تبلیغاتی موفق
برچسب ها : كنید ,تبلیغاتی ,سایت ,طراحی ,حرفه ,بازدید ,بازدید كنندگان ,گرافیست حرفه ,پیدا كنید ,داشته باشید ,مقایسه كنید

طراحی لوگو برای سایت

:: طراحی لوگو برای سایت

لوگو چیست؟

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

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

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

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

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

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

استفاده از طراحی تخت در لوگو:

طراحی تخت چیست؟

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

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

در تکنیک طراحی لوگو با سایه بلند زاویه سایه را در 45 درجه قرار میدهیم و طول سایه را 2.5 برابر آن بخش از تصویر قرار میدهیم که در عین حفظ سادگی تصویر باعث ایجاد عمق می شود. برای ایجاد چنین تصویری باید از برنامه ی css3 در طراحی سایت استفاده کرد در غیر این صورت باید به صورت گرافیکی آن را بسازیم . ساخت تصویر سایه بلند به صورت گرافیکی سایز وحجم لوگو را تا 3 برابر ممکن است افزایش دهد.

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

                                                                         

منبع : گرافیست سایت | طراحی لوگو برای سایت
برچسب ها : لوگو ,طراحی ,شرکت ,سایه ,استفاده ,تصویر ,طراحی لوگو ,سایه بلند ,صورت گرافیکی ,قرار میدهیم ,طراحی سایت

بهینه سازی تصاویر در طراحی سایت

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

اکثر فایلهای گرافیکی شامل اطلاعاتی در مورد پالت رنگ تصویر هستند. این اطلاعات معمولا برای نمایش در سایت مورد نیاز نمی باشد. بسیاری از برنامه های گرافیکی این قابلیت را دارند تا تصاویر را بتوان برای وب دخیره سازی نمود. "Save for the web" انتخابی است که کلیه اطلاعات غیر ضروری را از تصویر حذف می کند بدون آنکه بر کیفیت نهایی تصویر خدشه ای وارد شود.

روش دیگری که به ظاهر می تواند زمان بارگذاری را بالاتر برد، استفاده از ویژگی progressive برای تصاویر GIF، یا PNGهای interlaced است. هر دوی این ویژگیها این امکان را می دهند تا زمان بارگذاری صفحات به تدریج صورت گیرد و در ابتدا تصویری مات نمایش داده شود و سپس تصویری با وضوح بیشتر و شفاف تر. در حقیقت این تصاویر حتی چند ثانیه نیز کندتر از تصاویر معمولی بارگذاری می شوند ولی آنها برای بازدید کنندگان به نظر سریعتر هستند.

در شروع کار تصاویر مورد نظر را بررسی کنید بعضی اوقات تصاویر نیازمند تغییر دادن بکگراند یا حذف قسمت هایی هستند که باید انجام شود.شما می توانید با نرم افزارهای فتوشاپ یا Fireworks کیفیت عکس را پایین آورده یا اگر یک آماتور هستید با نرم افزار Paint به راحتی می توانید به اهداف بهینه کردن تصاویر وب سایت برسید.

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

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

منبع : گرافیست سایت | بهینه سازی تصاویر در طراحی سایت
برچسب ها : تصاویر ,سایت ,بارگذاری ,تواند ,نمایش ,سازی ,بارگذاری صفحات ,طراحی سایت ,زمان بارگذاری ,بهینه سازی ,قسمت هایی ,زمان بارگذاری صفحات

تعیین اهداف برای وب سایت

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

 تعیین اهداف برای وب سایت

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

اصول - اهداف، بازارهای هدف و محصولات اهداف اوليه

درسال های اخیر درطراحی سایت و شیوه های معرفی سایت تغییرات زیادی ایجاد شده است.  سایتهای موفقی که امروزه شاهد آن هستید، طراحی آنها بر اساس یکی از معیارهای ذیل بوده است:
• هدف سازمان از راه اندازی سایت
• تعیین نیازها، خواستها و انتظارات از بازارهای هدف

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

اهداف اوليه

قبل از طراحی قالب وب سایت، باید اهداف آنلاین خود را کاملاً مشخص نمایید. هدف از راه اندازی سایت چیست تمامی قسمتهای سازمان حتی کارمندان جزء، کادر فروش و بازاریابی، پشتیبانی از مشتریان، فرم سفارش و مدیریت را مد نظر قرار داده و درباره آنها فکر کنید. سپس فهرستی از اهدافی که در اولویت نخست و اهدافی که در اولویت ثانویه قرار دارند، تهیه کنید. هر یک از اجزا وب سایت، بایستی با اهداف شما ارتباط داشته باشند. اگر تصمیم گرفته اید سایت خود را به روز کنید و یا قسمتهایی را به آن اضافه کنید و یا قسمتهایی را تغییر دهید، ابتدا ارتباط این تغییرات با اهداف اولیه و ثانویه را مورد بررسی قرار دهید. اگر نتوانستید ارتباط این تغییرات را با اهداف خود روشن سازید، بهتر است یکبار دیگر تغییرات را مورد ملاحظه قرار دهید. جالب است بدانید سایتهای بسیاری وجود دارند که بدون طرح ریزی مناسب و ارتباط با اهداف صحیح راه اندازی شده اند. ولی مسلم است با تعیین این اهداف، دستیابی به موفقیت سریعتر و زودتر میسر می شود. برخی از مهمترین اهداف اولیه سایت عبارتند از:
- تبلیغ آنلاین محصولات و خدمات
- فروش آنلاین محصولات و خدمات
- پشتیبانی آنلاین از محصولات و خدمات
- Target Market: بازاری که یک شرکت برای فروش محصولات خود در نظر می گیرد
- اطلاع رسانی درباره محصولات و همین طور شرکت
- شناساندن نام و آرم شرکت

تبلیغ آنلاین محصولات و خدمات : هدف برخی از سایتها فقط تبلیغ کالا و محصولات است و مستقیماً قصدی برای فروش محصولات و خدمات ندارند. نمونه بارز چنین سایتهایی سایت یک شرکت سینمایی است که در آن تنها فیلمهایی که به زودی روانه بازار سینما می شود تبلیغ می شود. هدف در اینجا تنها اطلاع رسانی درباره فیلم، ایجاد انگیزه در مردم برای تماشای فیلم و در نهایت بالا بردن تعداد تماشاچیان فیلم در زمان اکران است. سایتهایی که با چنین هدفی طراحی می شوند، بایستی دارای عناصری چون کلیپ های چند رسانه ای (multimedia) از فیلم، تصویر و نوشته هایی درباره بازیگران فیلم و بازاریابی ویروسی " (به عنوان مثال Tell afriend aboutthis movie)، عناصری که موجب ترغیب بازاریابی گفتاری می شود، داستان های فریبنده درباره فیلم، صدور اعلامیهه ایی برای نویسندگان و سایر عناصری باشد که طراح سایت را در دستیابی به مقصود با توجه به اهداف تعیین شده یاری رساند.
فروش آنلاین کالا و خدمات : فروش آنلاین کالا و خدمات نیز یکی از اهداف اولیه به شمار می رود. همان طور که میدانید اینترنت عرصه ایی گسترده و بدون مرز جغرافیایی برای تجارت فراهم کرده است. اغلب اوقات، بازرگانان هدف از تبلیغ محصولات و خدمات را با فروش آنها از طریق وب سایت اشتباه میگیرند و در فروش محصولات خود در وب سایت، دچار شکست می شوند. علت آن کاملاً واضح است برای اینکه اطلاعاتی درباره کالا و خدمات در اختیار مشتریان قرار نمی دهند و در عوض از آنها تقاضا می کنند فرم خرید آنلاین را پر نمایند. این در حالی است که هر قدر روند خرید از طریق وب سایت را برای مشتریان اینترنتی ساده و سهل نمایید، احتمال اینکه آنها دست به خرید بزنند بیشتر خواهد بود. باید جزئیات مربوط به کالا و خدمات، سیاستهای تعویضی کالا، مسئله ضمانت و نحوه ارسال کالا را به اطلاع مشتریان برسانید. اگر قصد دارید به طور مستقیم از طریق وب سایت کالایی را به فروش رسانید، لازم است مسائل مربوط به امنیت خرید کالا را برای مشتریان توضیح دهید.
 پشتیبانی آنلاین محصولات : برخی تصور میکنند تنها عامل اصلی بر سر راه تجارت آنلاین، فقدان پشتیبانی جامع از محصولات و خدمات می باشد. ولی در واقع بزرگترین امتیاز وب سایت این است که نه تنها طی ۲4 ساعت شبانه روز، بلکه در تمامی روزهای هفته و حتی ۳6۵ روز سال می توانید از کالا و محصولات خود پشتیبانی کنید. اگر برای این کار نرم افزاری در نظر بگیرید می توانید آن را هر چند وقت یکبار ارتقا بخشید و یا قسمت "پرسش و پاسخ" (FAO) را در سایت خود بگنجانید و در آن به سؤالات و مشکلات عمومی مشتریان پاسخ دهید. در صورت ارائه راه حل مناسب و پاسخگویی به مشکلات مشتریان، تعداد مشتریان وفادار سایت، به میزان قابل توجهی افزایش می یابد. احتمال زیادی دارد مشتریان به هنگام نیاز، شخصاً به شرکت مراجعه کنند. باید امکاناتی را فراهم کنید تا مشتریان در صورت برخورد با مشکلات پیچیده، مسائل خود را با متصدیان و مسئولان پاسخگویی در میان بگذارند.
اطلاع رسانی درباره شرکت و محصولات: شاید بعضی از سازمانها بخواهند در یک بازار هدف خاص، اطلاعاتی درباره محصولات و خدمات خود ارائه کنند. برخی نیز تنها ممکن است بخواهند اطلاعاتی دربارهٔ شرکت در اختیار سهامداران بالقوه قرار دهند. سایت هایی که هدفشان اطلاع رسانی باشد، باید بیشتر محتویات آنها متن بوده و تصاویر موجود در آنها برای تأکید بر مسئله ای و یا ذکر مثالی استفاده می شود. این نوع سایتها همواره دارای بخشی به نام "پرسش و پاسخ" (FAO) هستند و در آن اطلاعات مفید و مرتبط درباره شرکت، محصولات و یا خدمات قرار می گیرد. اگر قرار است سازمان ارتباط نزدیکی با رسانه ها داشته باشد، پیشنهاد می شود بخشی به نام مرکز رسانه ای در سایت تشکیل شود و در آن تمامی ابیانه های مربوط به سازمان، تاریخچه ای از سازمان، اطلاعاتی درباره مقامات رسمی سازمان، مقالاتی که در رابطه با سازمان نوشته شده اند، آلبوم تصاویر مورد استفاده رسانهها و همین طور ارتباط مستقیم با مسئول مرکز رسانه ای سازمان قرار گیرد.

معرفی نام و آرم شرکت :

امکان دارد یکی دیگر از اهداف شرکت از تأسیس وب سایت، معرفی و شناساندن نام و آرم شرکت باشد. برای طراحی لوگو وآرم باید برای شرکت اسمی با مسمی و به یاد ماندنی و آرمی ماندگار انتخاب کنید.
همچنین،قالب گرافیکی وب در وب سایت سازمان یا شرکت به کار میرود، بایستی در حد عالی بوده و رنگهای مورد استفاده در آرم و وب سایت یکسان باشد. شعار مناسب نیز در معرفی بیشتر نام شرکت تأثیر بسزایی دارد. البته تکنیکی که برای آرم شرکت بکار می برید، در معرفی شرکت نیز می تواند اعمال شود. در صورتی که تأسیس و قدرت بخشیدن به شرکت و معرفی آن از اهمیت خاصی برخوردار است، بایستی در وب سایت نیز چنین اهمیتی احساس و پیاده شود. همچنین بایستی تمامی تلاشهایی که برای معرفی شرکت انجام شده، به طور آنلاین یعنی در وب سایت نیز ذکر شود. بر اساس تجربه ای که شرکتهای موفق در وب، نظیر Netscape ،Yahoo! ،American Online Amazon.com ،Communication و CBay کسب کرده اند، واضح و مبرهن است که آرم شرکت و محصولات با چه سرعت فوق العاده ای در وب منتشر می شود. به طوریکه شهرت سریع شرکتهایی که به تازگی وارد دنیای الکترونیک شده اند، تعجب همگان را برانگیخته است. اگر چه چنین شرکتهایی از منابع هنگفت مالی برخوردار بودهاند، ولی هر یک از این شرکتهای مشهور برای دستیابی به اهداف خود و کسب شهرت در بازار، از تبلیغات آنلاین و آفلاین توامان بهره گرفته اند و وب سایت آنها نیز منعکس کننده عقاید پشت پرده آرام است. سایت این شرکت ها دارای یک آرم برجسته، تصاویر و طرح رنگی منحصر به فرد است. اگر شما نیز خواهان معرفی آرام و شرکت خود همانند این شرکتهای مشهور هستید، بهتر است سایت این شرکت ها که نقش مهمی در بازار آنلاین دارند، از نظر بگذرانید. می توانید نکات و دانستنیهای فراوانی از سایت این شرکتها فراگیرید.

منبع : گرافیست سایت |تعیین اهداف برای وب سایت
برچسب ها : سایت ,محصولات ,شرکت ,اهداف ,آنلاین ,خدمات ,طراح سایت ,برای دستیابی ,اطلاع رسانی ,آنلاین محصولات ,اهداف اولیه ,اطلاع رسانی درباره ,تبلیغ آنلاین م

تعریف گرافیک وب ,نحوه ی قراردادن گرافیک وب در طراحی صفحات وبتفاوت گرافیک وب با گرافیک چاپ, رنگ در طر

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

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

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

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

نحوه پیاده سازی گرافیک وب در طراحی صفحات وب

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

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

منظور از استادندارد سازی دانسته های گرافیکی با حوزه وب، همان تفاوت های نمایشی صنعت چاپ با وب می باشد.

اصولا انتخاب رنگ ها در طراحی وب باید با سیستم نورهای RGB سازگار گردد و رعایت کردن نکاتی از این دست است که از هنر گرافیک در صفحات وب رد پا می گذارد. همچنین یک طراح گرافیک وب، باید از اصول و نحوه بارگزاری عکس ها در وب اطلاع داشته باشد و بداند که حجم عکس ها و نوع فایل های عکسی به کار رفته در وب، در چه حد و حدودی باشد تا سرعت لود شدن صفحه وب، پایین نیاد، زیرا مخاطبین وب سایت ها، بیشتر از 20 ثانیه برای لود شدن صفحه وب شما انتظار نمی کشد و بعد از این مدت صفحه را خواهند بست.

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

تفاوت گرافیک وب با گرافیک چاپ

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

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

یکی از تفاوت های عمده گرافیک وب با گرافیک چاپی، اینتراکتیو (Interactive) یا ویژگی تعاملی بودن گرافیک در وب است. یعنی کاربر تعاملی دوسویه با المانهای گرافیک در وب برقرار می کند. با رفتن موس برروی عبارتی، رنگ آن تغییر می کند. با زدن کلیک در نقطه ای، شکلی یا رنگی تغییر می یابد. فونت ها ممکن است در گرافیک وب با انجام عملی تغییر یابند. همه این عوامل باعث می شود تا صفحه وب از یک کاتالوگ یا بروشور یا تصویر گرافیک سنتی خارج گردد و به یک صفحه وب اینتراکتیو بدل گردد.

از جمله ویژگی های تعاملی بودن گرافیک وب، استفاده از تصاویر متحرک یا موشن گرافیک ها می باشد. موشن گرافیک ها همان تصاویر متحرکی است که در طراحی وب سایت ها جای خود را به خوبی پیدا کرده و در نسل دوم وب سایت ها، از آن ها استفاده بسیار می گردد، تا آنجا که ورژن جدید HTML (HTML5) و نسل سوم CSS ها تا حد زیادی با موشن گرافیک ها سازگار گشته و استفاده از آنها را تا حدودی آسانتر نموده است. بنابراین، تصاویر گرافیکی متحرک را نیز می توان از دیگر تفاوت های گرافیک وب با چاپ دانست.

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

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

رنگ در طراحی سایت

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

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

نسخه های اولیه مرورگرهای Mosaic و Netscape از نام های رنگ X11 بعنوان مبنایی برای لیست رنگ هایشان استفاده می کردند که در نرم افزارهای تحت ویندوز نیز از آنها بطور استانداردی استفاده می شد.

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

رنگ های Web-safe

در قدیم، کامپیوترها تنها قادر بودند تا تنها 256 رنگ را نمایش دهند. این محدودیت، ناشی از محدودیت های سخت افزاری بود که منجر به استفاده از جدول رنگ، برای نمایش رنگ ها شده بود. وقتی رنگی پیدا می شد (مثلا در یک عکس) که در جدول موجود نبود، رنگ دیگری بجای آن استفاده می شد. رنگ استفاده شده، می توانست نزدیکترین رنگی باشد که به آن رنگ شبیه است (روشی سریع) یا تنالیته ای از آن باشد (روشی کند با کیفیتی بهتر).

روشهای زیادی برای ساخت استانداردی در پالت رنگ ها صورت گرفته است. مجموعه ای از 256 رنگ قابل نمایش نیاز به انتخاب شدن داشتند ولی در نهایت تعداد آنها 216 انتخاب شد چراکه سیستم های عامل، 16 تا 20 رنگ را برای استفاده های خود در نظرگرفته بودند. همچنین دلیل انتخاب 216 رنگ می توانست این باشد که رنگ ها به 6 گروه با فاصله مساوی بر روی طیف قرمز، سبز، آبی، تقسیم می شدند (6x6x6=216)، هرکدام در محدوده بین 0 تا FF (شامل خود 0 و FF).

لیست رنگهاغالبا بگونه ای نمایش داده می شدند که در هنگام رندرینگ، نیازی به رنگهای میانی دیگر نباشد. در حقیقت، پالت رنگی که در برنامه های مختلف از آن استفاده می شد، می توانست بطور دلخواه مجموعه ای 256 رنگی، از هر رنگی باشد. از پالت رنگ استاندارد، بعدها در مرورگرهای اولیه نیز استفاده شد و خوشبختانه پالت های رنگ در مرورگرهای مختلف، تفاوت عمئه ای با یکدیگر نداشتند (برخلاف موارد دیگر مرورگرها).

رنگ های Web-safe، نقصی که داشتند آن بود که در سیستم های X11، پالت رنگ بیسن برنامه های مختلف به اشتراک گذاشته می شد. در نتیجه، مکعب کوچکتری از رنگها (5x5x5 یا 4x4x4) اغلب برای مرورگرها تخصیص داده می شد. بنابراین، رنگهای "Web-safe"، عملا در برخی از سیستم ها، بر روی آنها تبدیل رنگ صورت می گرفت. با ارائه تصویری با محدوده رنگ بزرگتر، و اجازه دادن به مرورگر برای گسسته سازی رنگها در صورت لزوم، نتایج بهتری حاصل شد.

امروزه، کامپیوترهای شخصی نوعا دارای محدوده رنگ 24 بیتی (رنگ حقیقی) می باشند و استفاده از رنگ های "web-safe"، امری مرسوم نمی باشد. حتی تلفن های همراه نیز حداقل 16 بیت رنگ دارند که با قراردهی دوربین های عکاسی و فیلمبرداری روی آنها، چنین کیفیت هایی بدست آمده است.

رنگ های "web-sade"، اسامی استانداردی ندارند ولی هرکدام آنها، می توانند با کدهای RGB نمایش داده شوند: هر جزء از آنها (قرمز، سبز و آبی)، یکی از 6 مقدار ممکن را از جدول زیر می گیرد (از 256 مقدار ممکن برای هر جزء در حالت رنگ 24 بیتی).                                                                                           یکی از نقص های پالت "Web-safe"، ضعف انتخاب در انتخاب رنگ های روشن برای پیش زمینه است. در این پالت رنگ، شدت رنگ ها، جایی که رنگ های تیره قرار گرفته اند، به ندرت قابل تشخیص از هم می باشد.  

کد هگزادسیمال سه تایی

کد هگزادسیمال سه تایی، عددی شش رقمی می باشد. این کد شامل سه بایت یا عدد در مبنای 16 می باشد که در HTML، CSS، SVG، و دیگر برنامه های محاسباتی برای نمایش رنگ مورد استفاده قرار می گیرد. بایت ها نمایش دهنده اجرای رنگ قرمز، سبز و آبی می باشند. هر بایت، بیانگر عددی بین 00 تا FF (در فرمت عدد در مبنای 16) یا 0 تا 255 در مبنای 10 می باشد. 0، بیانگر کمترین شدت جزء رنگ و 255 بیانگر بیشترین شدت جزء رنگ می باشد.در نتیجه رنگ های وب، رنگی را به شکل رنگ حقیقی یا TrueColor یا 24 بیتی، مشخص می کنند. کد سه تایی هگزادسیمال، از چسباندن سه بایت در مبنای 16 کنار هم و به شکل زیر تشکیل می شود:

بایت اول: مقدار قرمز (میزان قرمزی)
بایت دوم: مقدار سبز (میزان سبزی)
بایت سوم: مقدار آبی (میزان آبی)

توجه داشته باشید که چنانچه هر کدام از این سه عدد کمتر از 16 (در مبنای 10) یا 10 (در مبنای 16) باشند، در اینصورت می بایست یک صفر در ابتدای آنها قرار داده شود بطوریکه کد رنگ همواره عددی 6 رقمی باشد.

تعداد رنگ هایی که می توانند در این سیستم نمایش داده شوند 256x256x256 = 16,777,216 رنگ می باشد.

در برخی اوقات، کد خلاصه شده ای از این عدد 6 رقمی استفاده می شود. در اینحالت، رسیدن از کد اختصاری به کد واقعی 6 رقمی، تنها با دوبل کردن رقم ها امکان پذیر است: 09C تبدیل به 0099CC می شود. این کار، این امکان را به هر رنگ می دهد تا محدوده اعداد 00 تا FF استفاده نماید. فرمت سه رقمی، در CSS استفاده می شود و در HTML از آن استفاده نمی شود. در نتیجه، عدد سه رقمی در چیزی غیر از CSS ها و استایل های مربوط به آنها، در برخی از مرورگرها، کاملا نامعتبر می باشد.                                                                             

منبع : گرافیست سایت |تعریف گرافیک وب ,نحوه ی قراردادن گرافیک وب در طراحی صفحات وبتفاوت گرافیک وب با گرافیک چاپ, رنگ در طر
برچسب ها : گرافیک ,استفاده ,سایت ,طراحی ,نمایش ,برنامه ,برنامه نویسی ,طراحی سایت ,موشن گرافیک ,صفحات سایت ,طراحی صفحات ,توجه داشته باشید

استفاده از انیمیشن درطراحی بنر

:: استفاده از انیمیشن درطراحی بنر
یکی  از ترفند ها درطراحی بنراستفاده از انیمیشن ها میباشند البته قابل ذکر میباشد که انیمیشن ها از انواع مختلفی برخوردار هستند نوع اول آن که بسیار زیاد شده است که تقریبا همه طراحان بنر از ان استفاده میکنند

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

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

 

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

 

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

  همین امر سبب میشود که بنر شما نتواند ان نتیجه براورد شده را برای شما به ارمغان آورد و در اخر همیشه  بکار بردن کال تو اکشن در بنر هرگز فراموش نشود زیرا تاثیر بسزایی در تبلیغات و یا فروش شما خواهد داشت .

 

 

 

منبع : گرافیست سایت |استفاده از انیمیشن درطراحی بنر
برچسب ها : انیمیشن ,استفاده ,ساخت ,نکته توجه

نکته کلیدی در طراحی سایت به روز

:: نکته کلیدی در طراحی سایت به روز
طراحی سایت جدید به مقوله ای به نام نوار کناری یا همان ساید بار خودمان، توجه زیادی ندارند

شاید برای کاربران و بینندگان وب سایت ها، مخصوصاً در ایران که چند گامی عقب تر از طراحی سایت های دنیا و مبتنی بر علوم روزی مانند طراحی واسط متناسب با تعامل انسان و کامپیوتر هستیم، ساید بار نقش بی چون و چرایی بازی نماید. جا انداختن یک وب سایت بدون نوار کناری شاید در نظر اول غیر ممکن به نظر برسد، اما بیاییم کمی بیشتر در خصوص این مورد بررسی کنیم و آن را به یک ابزار کاربردی در زمان مورد نیاز تبدیل نماییم و نه یک عادت همیشگی در طراحی سایت هایمان!

در نظر اول، اگر وب سایتی از نوار کناری استفاده ننماید، چیزی که به ذهن متواتر میشود این است که این وب سایت کارایی خود را از دست داده است! ولی من به شما قول میدهم که در بسیاری از موارد اینچنین نیست. شما میتوانید طراحی وب سایتی انجام دهید بدون ساید بار در حالی که سایت شما همچنان کاملاً کاربردی و کاربر پسند می باشد و اطلاعات مورد نیاز یا تقاضای کاربر، در دسترس او می باشد. در حقیقت در این نوع طراحی ها، نوار کناری خلاقانه به جایی دیگر جایگزین می گردد که کارایی مناسب تری داشته باشد و یک گوشه همیشگی از سایت شما را در همه جا مشغول نکرده باشد. درست است که ما میتوانیم موارد بسیاری را در نوار کناری جایگزین کنیم، ولی توجه داشته باشید که این فضا، در حقیقت قسمتی از مطلبی که کاربر میخواند را مشغول میکند و باعث عدم توجه و تمرکز بر روی متن اصلی موجود در یک صفحه و یا قسمت مورد بازدید او می گردد که قطعاً در بیش از 90 درصد زمان های مورد استفاده کاربر از یک صفحه، مورد نیاز او نیست.

زمانی که کاربری درگیر محتوای یک صفحه شده است، چرا باید او را به جای دیگری منحرف نماییم؟ ما میخواهیم بازدید کنندگان به سایت ما بیاییند و مطالب منتشر شده مان را بخوانند، چه چیزی اولویت بیشتری از این دارد که باعث انحراف کاربر از محتوای مورد نظر او گردد ؟ پاسخ به این سوالات معمولاً در این است که ما میخواهیم کاربر و بازدید کننده را به خواندن و ماندن بیشتر در وب سایت ترغیب نماییم! یا حتی ارائه موارد دیگری که شاید مورد نیاز او نباشد ولی ما بخواهیم بازدید کنندگان ما بیشتر نظرشان به آن مورد، صفحه و یا هر چیز دیگر جلب گردد. حال باید ببینیم که ارائه آن در نوار کناری وب سایت، با توجه به صدمه ای که به محتوای مورد علاقه کاربر وارد می نماید، آیا توجیه دارد یا نه.

جایگزین های ساید بار در طراحی سایت های جدید

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

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

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

منبع : گرافیست سایت |نکته کلیدی در طراحی سایت به روز
برچسب ها : سایت ,مورد ,کاربر ,طراحی ,کناری ,نوار ,نوار کناری ,طراحی سایت ,مورد نیاز ,علاقه کاربر ,مطلب مورد ,مورد علاقه کاربر

بنر های فلش و ویژگی های آن وبنرهای گیف (متحرک) و ویژگی های آن ها وبنر ثابت و ویژگی های آن

:: بنر های فلش و ویژگی های آن وبنرهای گیف (متحرک) و ویژگی های آن ها وبنر ثابت و ویژگی های آن

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

تعریف بنر های فلش

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

بنر های فلش و ویژگی های آن

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

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

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

بنرهای گیف (انیمیشنی)چیست؟

تعریف بنر گیف حرفه ای

بنر گیف ، فایلی با فرمت GIF و حاوی فریم های مختلف ( اغلب به صورت یک تصویر ) می باشد که مشابه تصاویر گیف ، می توانید همچون سکانس های فیلم ، در هر لحظه بخشی از تبلیغ را مشاهده کنید. پشتیبانی از 256 رنگ موجود در فضای وب ، امکان تاثیر گذاری تبلیغ را برای جلب توجه کاربران به برند شما بیشتر می کند. برای طراحی بنر متحرک، ملزم به استفاده از رنگ های مشخص شده هستیم.با این کار ، بنر در انواع نمایشگرها نمایش خوبی خواهد داشت.

ویژگی های قابل توجه بنر گیف

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

چرا بنر گیف را انتخاب را انتخاب کنیم؟

بنر های انیمیشنی یا گیف ، از کم هزینه ترین بنر ها می باشند که در طراحی بنر برای توسعه ی مشاغل و کسب و کار های کوچک جهت شروع تبلیغات توصیه میشود.
عناصر موثر تری به صورت متحرک با تلفیق زیبایی از رنگ ها قابل اجرا در بنر گیف میباشند. حال آن که در طراحی بنر ، برای سایر بنر ها همواره محدودیت هایی از این نظر وجود دارد.                                           بنر ثابت و ویژگی های آن :                                                                                                      

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

بنر ثابت چیست؟

در تعریف بنر گفتیم که باید ابتدا نیاز تبلیغاتی خود را در نظر بگیریم و سپس به تبلیغات از طریقبنر بپردازیم. با این بنر در ادامه آشنا خواهید شد.

بنر ثابت و تعریف آن

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

ویژگی ها بنر ثابت

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

چرا بنر ثابت را انتخاب کنیم؟

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

منبع : گرافیست سایت |بنر های فلش و ویژگی های آن وبنرهای گیف (متحرک) و ویژگی های آن ها وبنر ثابت و ویژگی های آن
برچسب ها : ثابت ,طراحی ,میشود ,تبلیغات ,استفاده ,موجود ,انتخاب کنیم؟ ,استفاده ازبنر ,خواهد داشت ,برای طراحی ,فلش یا تعاملی

ایجاد یک اثر هنری در دنیای وب از طریق ساخت سایت

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

1- استفاده از رنگ هایی که برای چشم آزار دهنده هستند:
اگر مشتریان شما اصرار به استفاده از تمامی رنگهای رنگین کمان در طراحی سایت خود دارند، این وظیفهء شماست که آنها را مجاب نمایید که این کار در طراحی سایت درست نمی باشد. رنگ هایی که بسیار روشن و یا بیش از حد تیره هستند، برای پیشبرد کار مشتریان اصلاً مناسب نمی باشند.
حتی اگر مشتری شما صاحب یک سیرک باشد، باید طراحی سایت آن به صورتی باشد که بیش از 3 رنگ در آن به کار نرود. استفادهء بیش از سه رنگ واقعاً تکنیک مناسبی در طراحی سایت نمی باشد.

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

3- اشتباهات املایی:
با استفاده از یک کامپیوتر و با به کار گیری یک دکمهء "بررسی املایی" می توانید از محتوای وب سایت خود مطمئن شوید. هیچ چیز بدتر از اشتباه بودن دستور زبان، نشانه گذاری های نادرست و یا تلفظ نادرست در طراحی سایت نیست. قبل از هر بارگزاری و به روز رسانی هر متنی، چندین بار تمامی متنها را چند نفره چک کنید. حتی اگر مشتری متنی برای وب سایت خودش فراهم کرده، به درست بودن آن اکتفا نکرده و آن را مجدداً بررسی نمایید.

4- اندازهء فونت:
اگر در طراحی سایت در تمامی محتوای وب از حروف بزرگ استفاده شده باشد، افراد احساس خیلی بدی به آن سایت پیدا می کنند. به نظر می رسد آن وب سایت در حال فریاد زدن است. اما به کار بردن حروف با سایز کوچک به صورتی که تمامی متن وب سایت حروف کوچک باشد، افراد احساس می کنند که شما در حال نجوا کردن هستید.
بهترین روش استفاده از سایز معمولی با نشانه گذاری به موقع در طراحی سایت می باشد. به این ترتیب با استفاده از سایز و فونت نرمال در متون وب سایت، بیننده احساس راحتی کرده و از برقراری ارتباط با سایت شما لذت خواهد برد.

5- استفاده از لینک های چشمک زن و pop up های ویندوز:
این آیتم ها در وب سایت مانند دریافت ایمیل های ناخواسته در صندوق پستی شماست. در واقع اطلاعات بیهوده را از طریقی که به نظر شما اطلاعات مهمی بیاید، به بیننده می رساند. از استفاده از pop up های ویندوزی و لینک های چشمک زن برای جلب توجه مخاطب در طراحی وب سایت تان جداً خودداری نمایید. زیرا این روش فقط برای بازدیدکننده مزاحمت ایجاد می کند.

منبع : گرافیست سایت |ایجاد یک اثر هنری در دنیای وب از طریق ساخت سایت
برچسب ها : سایت ,طراحی ,استفاده ,تمامی ,نمایید ,بدتر ,طراحی سایت ,باشد، افراد ,افراد احساس ,نشانه گذاری ,باعث دلخوری ,باشد، افراد احساس

نکتاتی درباره وبلاگ نویسی

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

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

3.اخبار و اطلاعات چند وقت پیش دیگربرای ارائه جذاب نیستند. 

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

4. با برنامه ریزی عمل کنید 

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

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

5.ماه اول رو فراموش نکنید... 

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


6. کلمات کلیدی غنی در مطالب 

 از کلمات مقاله و وبلاگ نویسی استفاده شده.   باید کلمات کلیدی وبلاگتون رو بشناسید. اگروبلاگی با موضوع دانلود نرم افزار موبایل دارید کلمات دانلود,نرم افزار, دانلود نرم افزار, موبایل, نرم افزار موبایل و free mobile  می تونند کلمات کلیدی وبلاگتون باشند.در یک کلام کلمات کلیدی کلماتی هستند که بازدید کنندگان با جستجوی این واژه ها به وبلاگ  می رسند. 

7. تعداد موضوعات ارائه شده 

برای جلب توجه موتورهای جستجو(مثل گوگل) باید از موضوعات  با کلمات کلیدی و  مفاهیم جذاب استفاده کرد.م

8.تناوب 

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

9. مطالبی را که می خواهید انتشار بدهید بازخوانی کنید 

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

10.RSS 

rss دسترسی به مطالب وبلاگ شما رو آسون می کنه. و ایم مسئله مهمیه که شما برای گیرایی وبلاگ مطالب تون رو در rss قرار بدید 

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

منبع : گرافیست سایت | نکتاتی درباره وبلاگ نویسی
برچسب ها : وبلاگ ,کلمات ,بازدید ,کلیدی ,افزار ,گوگل ,وبلاگ نویسی ,کلمات کلیدی ,افزار موبایل ,مطالب وبلاگ ,کلیدی وبلاگتون ,کلمات کلیدی وبلاگتون

تفاوت وبلاگ و طراحی سایت و اداب وبلاگ نویسی

:: تفاوت وبلاگ و طراحی سایت و اداب وبلاگ نویسی
برای وبلاگ نویسی وطراحی سایت باید تفاوتهای وب سایت و وبلاگ رابدانیم که شا مل موارد زیر می باشد :

۱) وب سایت ها عمدتا رسمی هستند، اما وبلاگها عمدتا"(یا به کلی) شخصی اند.

۲) بروز کردن وب سایت ها نسبت به وبلاگها، نیازمند وقت بیشتری است.

۳) وب سایت ها از نظر طراحی ساختار پیچیدای دارند، در حالی که وبلاگها ساده تر ند. مثل لباس رسمی و راحتی می مانند.

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

۵) گفتمان حاکم بر وب سایت ها رسمی است، ولی وبلاگها گفتمانی غیر رسمی دارند.

۶) وب سایت ها معمولا ارتباط یک سویه و و بلاگ ها عمدتا" ارتباط دو سویه با بازدید کنندگان برقرار می کنند.

۷) وب سایت ها برای مالکانشان هزینه اقتصادی دارند، در حالی که بیشتر وبلاگها برای بلاگرها رایگان هستند.

۸) در وب سایت ها می توان صحبت از محدودیت و سانسور کرد، در حالی که وبلاگها از این نظر بسیار آزاد تردند.

۹) وب سایت ها گرایش به سکون و نظم و وبلاگها گرایش به پویایی و بی نظمی دارند.

۱۰) وب سایت ها حال و هوای مدرن و وبلاگ ها حال و هوای پست مدرن دارند.

۱۱) راه اندازی وب سایت ها نسبت به وبلاگها به زمان بیشتری احتیاج دارد.(البته نه برای مهندسان IT)

۱۲) وب سایت ها نمود عقلانیت و وبلاگ ها نمود احساس اند.

۱۳) بروز رسانی در وب سایت بیشتر به شکل ایجاد صفحات جدید و در وبلاگ به صورت تولید محتوا صورت می گیرد.

۱۴) در وب سایت ها معمولا" اطلاعات بروز رسانی، ثبت نمی شود. در وبلاگها ثبت اطلاعات بروز رسانی اهمیت ویژه ای دارد.

۱۵) بروز رسانی وب سایت ها مخصوص افراد حرفه ای است، در حالی که بلاگر ها بدون دانش فنی وبلاگهای خود را بروز می کنند.

۱۶) ) وب سایت ها محل مناسبی برای شکل گیری گروهها و اجتماعات مجازی نیستند، برعکس، وبلاگها محیط مناسبی برای این منظورند.

۱۷) کنترل وب سایت ها در اختیار مالکان آن است، ولی بلاگر ها کنترل جزئی بر وبلاگ دارند. در واقع کنترل آنها تابع یک کنترل بزرگتر توسط صاحبان Domain و مدیران کلان وبلاگ است. البته این مورد برای وبلاگهایی که مالکیت Domainآنها شخصی است، صدق نمی کند.و بالاخره اینکه محتوای وب سایت ها در درون صفحات نسبتا" زیادی قرار دارد. برعکس، محتوای وبلاگ ها عمدتا" در صفحه اول و قابل مشاهده متمرکزند. وب سایت ها مثل خانه های مجللی می مانند که ورود به آنها با تشریفاتی همراه است. وبلاگها کلبه های ساده و با صفایی هستند که در آنها به روی همه گشوده است.

 

اداب وبلاگ نویسی:

1. تحقیق کنید:

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

2. میزبان مناسب انتخاب کنید :

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

3.به زندگی خصوصی افراد احترام بگذارید:

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

4.در وبلاگ ها به آداب و رسوم و معاشرت توجه داشته باشید :

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

5.به اهدافی که برای خود تعیین کردید عمل کنید:

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

 

                

منبع : گرافیست سایت |تفاوت وبلاگ و طراحی سایت و اداب وبلاگ نویسی
برچسب ها : سایت ,وبلاگ ,وبلاگها ,بروز ,اینکه ,بازدید ,وبلاگ نویسی ,بروز رسانی ,تحقیق کنید ,داشته باشید ,مناسبی برای ,اداب وبلاگ نویسی

حیطه‌های مختلف در طراحی گرافیک

:: حیطه‌های مختلف در طراحی گرافیک
در طراحی گرافیک، حیطه‌ها و تخصصهای مختلفی وجود دارد:
• ارتباط بصری(Visual communication)- مانند:
o طراحی پوستر
o طراحی جلد
o طراحی علامت(Sign)
o طراحی نشان(Logo)
o طراحی حروف
o طراحی آگهی تبلیغاتی
o صفحه آرایی(layout) برای کتاب و نشریه
o طراحی صفحات وب
o طراحی چاپ برای بسته‌بندی
• تصویرسازی(Illustration)- مانند:
o تصویرسازی برای کتابهای کودک، کتابهای علمی و آموزشی
o تصویرسازی برای نشریات
o تعریف تصویر سازی تصویر سازی صورت‌های مختلفی دارد که برخی از هنرمندان به تصویر سازی کتب با موضوعات مختلف مشغول می باشد . این موضوعات می توانند شامل متون داستانی، تصویر سازی خبری مطبوعاتی، تصویر سازی فرهنگ عامیانه ( فولکوریک)، تصویر سازی آموزشی، تصویر سازی فنی و تصویر سازی کاربردی که بیشتر با محیط جوامع انسانی سر و کار دارند و … را شامل می شود. تصویر سازی هنری است که تصویر گر در آن اقدام به روایت‌گری مصور می نماید. موضوع کار تصویرگر می تواند یکی از موضوعات مذهبی، ادبی، تاریخی و علمی، آموزشی و … باشد .
o طراحی نقشه
گرافیک و بسته بندی به طور کلی رنگ اولین چیزی است که بیننده از بسته بندی درک می‌کند شکل و نوشته به ترتیب بعد از رنگ سبب جذب مشتری میگردند.به همین دلیل رنگ یکی از مهمترین عوامل انگیزشی در خرید محصول است.
نکته ای که باید مورد توجه قرار گیرد استفاده به جا از رنگ‌ها است به عنوان مثال رنگ سبزبسته به جای استفاده می تواند بیانگر فساد و پوسیدگی و از طرف دیگر می تواند بیانگر طراوت و تازگی باشد . در انتخاب رنگ محصولات غدایی و نوشیدنی‌ها علاوه بر توجه به رنگ ماده غذایی میتوان با توجه به ویژگی‌های گروه مصرف کننده از رنگ‌ها به عنوان ابزاری قدرتمند بهره جست. به عنوان مثال در طراحی جعبه چای‌های گیاهی میتوان از رنگ‌های ملایم و لطیف که مترادف فرآورده‌های گیاهی است بهره گرفت. اما مورد چای واقعی میتوان با استفاده ابز زمینه تیره حس مرغوبیت محصول را دز مشتری ایجاد نمود و استفاده از تصاویر مرتبط نوعی تشخص به محصول می بخشد.
گاهی میتوان با ایجاد ارتباط بین بسته‌های یک محصول معنا و مهفوم خاصی را بیان کرد . به عنوان نمونه در طراحی جعبه کفش کودکان با استفاده از رنگ‌های قوی مانند سبز، زرد و قرمزارتباطی سرگرم کننده و جذاب زمانی که کنار یکدیگر چیده میشوند ایجاد نمود.
استفاده مناسب از رنگ سبب انتقال پبام و سهولت پیدا کردن کد کفش در چیدمان مغازه میگردد. این رنگ‌ها بر روی ساک دستی فروشگاه استفاده شده و این نوارهای رنگی در کنار توضیحاتی در مورد دلایل مواظبت از پاها تاثیر زیبا و مخصوصی بر روی مشتری میگذارد.
نکته دیگر اینکه، اگرچه استفاده از چاپ ۴ رنگ ارزشمند است اما طراحان در برخی موارد متوسل به انتخابی جسورانه و استفاده از بسته بندی تک رنگ میشوند به عنوان مثال در مورد فرآورده‌های ویژه مردانه استفاده از حداقل رنگ میتواند نماینگر پیامی محکم و مردانه باشد.
از رنگهای آبی، سبز و زرد به منظور تداعی شادابی و حیات در بسته بندی محصول استفاده میشود. استفاده از این رنگها یکی از ساده‌ترین و گویاترین روشهای است که برای نشان دادن خنکی وتازگی در بسته بندی محصولاتی مانند آب معدنی و سبزیجات و میوه‌ها استفاده میگردد. به عنوان نمونه استفاده از رنگ آبی قوی و آرام بخش به عنوان رنگ زمینه برای ارائه فرآوردهٔ اسپری پا بسیار حساب شده به نظر میاید و طراح توانسته با بهره گیری از توانایی رنگ آبی برای القا پاکیزگی و خنکی این حس را به مصرف کننده القا کند .
همچنین استفاده از رنگهای روشن مانند صورتی روشن و آبی و زرد روشن برای بسته بندی هایی که حاوی محصولاتی لطیف و ملایم بسیار به جا است.
گاهی برای ایجاد تاثیراتی از تمول و فریبندگی و کیفیت عالی می توان در رنگ بندی از مقداری طلایی و یا نقره ای به همراه رنگ هایی متالیک از آبی، قهوه ای، فیروزه ای و خاکستری و خرمایی استفاده کرد.از این ترکیب بندی‌ها برای محصولاتی همچون شکلات، عطر و محصولاتی که نیاز به القا قیمت گران دارند بکار برده می شود.
در انتها باید خاطر نشان شد در انتخاب رنگ در بسته بندی باید به احساس ناشی از آن بر روی گروه هدف دقت کافی شود.

منبع : گرافیست سایت |حیطه‌های مختلف در طراحی گرافیک
برچسب ها : استفاده ,طراحی ,تصویر ,سازی ,بندی ,بسته ,تصویر سازی ,بسته بندی ,عنوان مثال ,ایجاد نمود ,عنوان نمونه

Link Building – بک لینک چیست؟و بهینه سازی لینک های داخلی.

:: Link Building – بک لینک چیست؟و بهینه سازی لینک های داخلی.
یکی از مهمترین فرایند های بهینه سازی یک سایت است.لینک سازی توسط سئوکاران غیر حرفه ای فراموش می شود و اصلا انجام نمی شود و یا ممکن است آنها طوری لینک سازی انجام دهند که اثر بد یا خنثی داشته باشد.

اما Link Building به چه معناست؟

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

لینک سازی یعنی ساخت لینک هایی که به سایت شما اشاره دارند.سایت شما به لینک سازی نیاز دارد.بدون لینک سازی هر چه در محتوا و ساختار سایت خود از نظر سئو انجام داده اید، بی فایده خواهد بود(به جز موارد کم یا بی رقابت).وقتی لینک شما در سایت های تالار گفتگو (forum) قرار می گیرد، وقتی لینک شما در وبلاگی در قسمت پیوند ها قرار میگیرد ، وقتی برای سایت خود تبلیغ بنری می کنید (لینک بنر) ، وقتی لینک شما در کامنتی ثبت می شود، زمانی که سایتی شما را در قسمت مورد علاقه خود به عنوان لینک مفید قرار می دهد و یا در موضوع خاصی به صفحه ای از سایت شما ارجاع می دهد، وقتی لینک شما در شبکه های اجتماعی به اشتراک گذاشته می شود، همه اینها لینک سازی محسوب می شود.

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

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

لازم به ذکر است گوگل هیچ وقت توصیه نکرده است که شما Link Building انجام دهید.گوگل توصیه کرده است که با ارئه خدمات و مطالب مفید و دست اول، لینک جمع کنید.یعنی دیگران خود به خود شما را به خاطر کیفیت خدمات و محتوایتان لینک کنند.از طرفی منابع غیر رسمی و گاها مدیر بخش اسپم گوگل(مت کاتز) ، Link Building را نفی نکرده است و بر تأثیر گذار بودن و مهم بودن آن اشاره کرده است.

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

اما Link Building در دنیای سئو دارای پیچیدگی و تغییرات زیادی است و به این سادگی که گفته شد هم نیست! Link Building اگر به درستی انجام نشود می تواند سایت را برای همیشه از موتور های جستجو به خصوص گوگل حذف کند.

Link Building بیش از ۷۰ درصد سئو را شامل می شود.ولی شاید برای موضوعات بی رقابت یا خیلی کم رقابت، بتوان از Link Building صرف نظر کرد.اما در هر موضوعی با هر رقابتی Link Building خوب تأثیر بسیار زیادی دارد.                                                                                                                             بهینه سازی لینک های داخلی:                                                                                                 لینک های داخلی یکی از موارد مهم On Page Seo است.استفاده از لینک های داخلی بخصوص برای سایت های محتوا محور، دارای اهمیت بیشتری است.

از نظر علمی چرا لینک داخلی مهم است؟

وقتی خزنده گوگل، وارد صفحه از سایت شما می شود، و به محتوای مثلا درباره آموزش بهینه سازی داخلی سایت می رسد، لینک های دیگری در وسط متن شما به سایر صفحات سایتتان می بیند که کاملا به مطلب “آموزش بهینه سازی داخلی سایت” مرتبط است.لذا خزنده وارد آن لینک می شود و محتوای آن لینک را هم بررسی می کند.نتیجه آن این است که خزنده ها به خوبی ساختار سایت شما و درک می کنند و همه مطالب شما را به سرعت بررسی و فهرست (index) می کنند و شما ربات و خزنده ها را به مدت طولانی تری در سایت خود مشغول می کنید و بیشتر به خزیدن واردارشان می کنید!

عینا همین اتفاق روی کاربر می افتد.وقتی کاربر مطلب “آموزش بهینه سازی داخلی سایت” را مشاهده می کند، در همان حین، چند لینک دیگر که برای او مفید است را مشاهده می کند، و حداقل آن این است که آنها را در یک تب جدید باز می کند تابعد از مطالعه مطلب، آنها را بخواند.در نتیجه شما کاربر را هم مشغول و جذب می کنید و در نتیجه علاوه بر آنکه bounce rate سایت شما کاهش می یابد(بهتر می شود) ،سایت شما از انجا که کاربر بیشتر در سایت شما گشت و گذار کرده است، در خاطر کاربر باقی می ماند و در برندینگ و شهرت سایت شما به شدت موثر است.

 

همچنین Bold کردن لینک های داخلی و یا با رنگ متمایز کردن، به شکلی که در یک نگاه، بتوان تشخیص داد، که کدام عبارت ها و کلمات لینک هستند، در نرخ افزایش کلیک روی لینک های داخلی تأثیر گذار است.

،

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

اما چه زمانی لینک ندهیم؟

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

 در سایت های ایرانی که کار طراحی سایت انجام میدهند(سایت های طراحی سایت)، خیلی دیده می شودکه کلمه “سایت” رو به عنوان لینک داخلی، به صفحه اصلی سایت خودشون میدن و این کار رو هم در هر جای متن تکرار می کنن و فکر می کنند که کار اصولی دارن انجام میدن.این کار فقط و فقط over optimization هست و هیچ فایده ای هم نداره.کلمه “سایت” به هیچ دردی نمیخوره! لینک داخلی همونطور که گفتم، باید طبیعی و به جا باشه و تکراری هم نباشه.(مگر اینکه واقعا به خاطر کاربر، تکرار مفید باشه).

اگر تا کنون لینک های داخلی را بی اهمیت می دانستید بهتر است تجدید نظر کنید.تأثیر لینک های داخلی ممکن است محسوس نباشد اما وقتی در کنار فاکتور های دیگر سئو قرار می گیرد تأثیر خود را به صورت غیر مستقیم نشان می دهد.

 

منبع : گرافیست سایت |Link Building – بک لینک چیست؟و بهینه سازی لینک های داخلی.
برچسب ها : لینک ,سایت ,داخلی ,سازی ,صفحه ,کاربر ,لینک سازی ,بهینه سازی ,وقتی لینک ,سازی داخلی ,لینک داخلی ,دارای اهمیت بیشتری

نقش طراحان در روند خلق هویت سازمانی

:: نقش طراحان در روند خلق هویت سازمانی

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

هویت سازمان می تواند از راه ساختار سازمان، محصولات و خدمات آن، راهی که محیطش را شکل می دهد، روش هایی که ارتباط برقرار می کند و چگونگی رفتارش درک، شناخته و معرفی شود. این عوامل بر روی چگونگی نگرش از درون و بیرون، بر سازمان اثر می گذارند. همین گونه که محصولات رقیب افزایش می یابند و جدا کردن محصولات از یکدیگر دشوار می شود، کانون توجه از محصول نشان دار به شرکت مالکِ نشان تغییر می کند. برندگان آینده کسانی خواهند بود که بتوانند یک هویت را به نشان های انحصاری بالاتری انتقال دهند. نقش طراحان در سازمان ها، تبدیل ایده های انتزاعی به موارد محسوس و آشکاراست. به علت دانش آنها از علم رفتار، که با توانایی بیان کردن از راه فرم و شکل ترکیب شده است، باید به طراح سایت به عنوان عامل مهمی در استفاده استراتژیک از هویت سازمانی نگریسته شود.                                              

مقدمه
بیشتر طراحان با یک سازمان یا درون یک سازمان کار کرده، محصولات سازمان یا ارتباطات تصویری آن را طراحی می کنند. طراحان به همراه مدیریت، فروشندگان، مهندسان و کارگران تولید در کار سازمان مشارکت می کنند. اگر چه سازمان از تعدادی اجزاء تشکیل شده، اما به طور کلی غالباً به آن یک سیمای انسانی داده می شود. یکی از این ویژگی ها، هویت است. گفته می شود که هویت مثبت، یک مزیت رقابتی برای یک سازمان است. در یک انسان، این گونه درک می شود که هویت، کیفیتی است که او را از افراد دیگر متمایز می سازد. این هویت از راه ظاهر، رفتار و ارزش های شخص دریافت می شود. آیا این برای سازمان نیز معتبر است؟ اگر این گونه است، سهم طراح در ایجاد و نمایش هویت سازمانی چیست؟ هدف این مطالعه این است که نشان دهد هویت سازمانی چیست و طراحان در روند خلق آن چه نقشی دارند.

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

در مجموع می توان گفت: هویت سازمانی، یک ابزار استراتژیک برای رسیدن به هدف ها و چشم اندازهاست. جومِری هچ، پروفسور در تئوری سازمانی در دانشگاه ویرجینیا، درباره هویت سازمانی این گونه می نویسد: «هویت سازمانی مربوط به تجارب و ایده هایی است که اعضا به طور کلی از سازمان دارند.»

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

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

از رفتارشناس های سازمانی، به خاطر کوتاهی در شناخت اهمیت مشتریان و سرمایه گذاران، هنگام تعریف هویت سازمانی انتقاد شده است. هچ، تأکید می کند که هویت سازمانی نباید با چیزی که او تصویر سازمان می خواند، اشتباه گرفته شود. در حالی که هویت به سوی داخل متمرکز است، تصویر، به دریافت خارج از سازمان مربوط می شود (Hatch،1997).

اگر هویت قرار است یک مزیت رقابتی باشد، به نظر می رسد تصویری که مشتریان و سرمایه گذاران از سازمان دارند می تواند از اهمیت زیادی برخوردار باشد. مفهوم هویت شرکت، در مواردی که درباره هویت سازمانی بحث می شود، بیشتر استفاده می شود. این مفهوم بر روی اینکه سازمان از درون و بیرون چگونه به نظر می رسد، متمرکز است.

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

یک گروه هویت شرکت بین المللی، بنیان نهاده شده تا اهمیت آگاهی از هویت سازمانی را ارتقا دهد. اعضای این گروه متشکل از هیئت علمی مدارس تجارت هاروارد، روتردام و اِستراثکِلاید (Strathclyde)، با مشاورانی از هویت وارتباط شرکتی، بانیان بیانیه اِستراثکِلاید هستند که هویت شرکت را به عنوان یک دارایی برای مدیریت استراتژیک، تعریف می کنند.

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

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

اگر چه شرکت ها کار با هویت شرکتی را در اوایل دهه 50 آغاز کردند، ولی تا دهه 70 و 80 اکثریت مدیران پتانسیل رقابتی هویت شرکتی را درک نکرده بودند. یکی از پیشتازان در زمینه هویت شرکتی، والی اولینز بنیان گذار شرکت مشاوره ای ولف اولینز، در زمینه نشان های انحصاری است. از سایت اینترنتی شرکت در می یابیم که چگونه ولف اولینز در طول سال های 70 تا 80، به طور فزاینده با حقیقت یک سازمان درگیر شد و کانون توجه اش را به سمت هویت متوجه ساخت. آنها مطلب را با این جمله پایان می دهند: «هویت، جوهره استحکام و پایداری سازمان است که این جوهره از اهمیت زیادی برخوردار است». قرار است اگر از هویت به عنوان یک ابزار استراتژیک استفاده شود، باید به دقت پرورش داده و نگه داری شود.

3- نشان شرکت
مفهوم نشان شرکت، منجر به استفاده آن، به عنوان یک گزینه جایگزین برای هویت شرکت می شود. بالمر، می گوید: «یک مزیت مفهوم نشان شرکت این است که دیگر با تعیین هویت تصویری اشتباه گرفته نمی شود. این معمولا مشکلی است که در مورد مسأله هویت سازمانی روی می دهد.»

اما هویت سازمانی از مفهوم نشان شرکت چه تفاوتی دارد و چه تفاوتی بین نشان شرکت و نشان های سنتی وجود دارد؟

مولر آپ، یکی از متخصصان نشان می گوید: «نشان یک محصول (یا یک کلاس از محصولات) شامل: علامت تجاری، نام انحصاری آن، اعتبار و شهرت آن و جوّی است که دور آن به وجود آمده است» (Mollerup،2000،p56).
یک تعریف فیزیکی تر از نشان می تواند این باشد که، نشان یک نام، واژه، نشانه، سمبل یا طرح است. اما به هر صورت این تعریف از جنبه های عمیق تر نشان صرف نظر می کند. بخش مهم، نام نیست، بلکه حسی است که آن خلق می کند و اینکه چگونه از نشان های دیگر متمایز می شود. دلیل اینکه تولیدکنندگان از نشان استفاده می کنند، انحصاری کردن کالاها است که در غیر این صورت تشخیص آنها از موارد مشابه دشوار خواهد بود، میت مورسینگ، نشان را به صورت «یک تعهد در برابر مصرف کننده کالا، ماورای محصول» بیان می کند . همچنان که تعداد فزاینده ای از تولید کنندگان از این تکنیک استفاده می کنند که کالاهایشان برجسته باشد، دامنه تعهدات نیز افزایش می یابد. اگر این تعهدات انجام نشود، اعتماد مصرف کننده به شرکت ها ضعیف خواهد شد.

تور کریستیانسِن، می نویسد نشان سازی: «روند بنیان نهادن، نگهداری و سود بردن از نشان ها» است. بیانیه اِستراثکلاید، که پیش تر گفته شد، مطلبی درباره تفاوت بین هویت نشان و هویت سازمانی بدین گونه می گوید که: «هویت سازمانی از نشان های سنتی متفاوت است، زیرا هویت سازمانی با تمام سهام داران سازمان و راه های چند گانه ای که سازمان به وسیله آنها ارتباط برقرار می کند، مرتبط است»

به نظر می رسد تفاوت در این ناحیه باشد: در حالی که طراحی نشان به طور سنتی بر روی یک محصولِ به ویژه یا یک خانواده از محصولات متمرکز است، هویت سازمانی خودش را با تمامِ سازمان مرتبط می سازد.
نشان سازمان به خاطر تأکید بر روی شرکت در پس محصول از نشان سنتی متفاوت است. در سال های اخیر، دیدگاه های جدیدی برای نشان، به وسیله پیش تازان نشان و تجارت های کلیدی به وجود آمده است: «در دیدگاه آنها، نشان یک هویت جامع و زنده است.» (Bevolo،Brand،2003) بِوولو و برند می گویند با این تغییرات فکری، نشان و طراحی نشان نیز باید تغییر کند. طراحی نشان باید کوشش کند که یک رابطه معنادار با سهام داران ایجاد شود.

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

هویت سازمانی در گذشته به صورت یک دریافت جمعی مشترک از ارزش های شاخص و ویژگی های سازمان تعریف می شد. بنا به گفته اولینز، هویت سازمانی از راه محصولات و خدمات، محیط، ارتباطات و رفتار آشکار می شود. همچنین او می گوید سازمان باید رابطه بین ساختار و هویت را در نظر بگیرد (Olins،1995).

4-1- ساختارهای هویت
«یک سازمان باید هویتش را مطابق با ساختارش در نظر بگیرد. ساختار هویت باید شفاف، قابل فهم و بیان کننده استراتژی سازمان باشد.» (Olins،1995). اولینز سازمان ها را بنا به هویت و ساختار به سه طبقه مختلف تقسیم می کند: مستقل و تائیدی و نشان دارد .                                      

4-2- ارتباطات
ارتباطات یک فرآیند است که از آن راه افراد یا گروه های متشکل از افراد، به یکدیگر پیام می فرستند. پیام ها از نشانه هایی تشکیل شده است. ارتباطات به نقش ها و تصاویر فرم می دهد. بالمر و گِرِی ارتباطات سازمانی را به این گونه می خوانند: «فرآیندی که سهام داران بدان وسیله می فهمند: هویت، تصویر، شهرت و اعتبار شرکت شکل گرفته است.

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

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

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

 

5- نقش طراحان در خلق هویت سازمانی
از طراحی غالبا به عنوان نقشه و الگو و از عمل طراحی به عنوان طرح ریزی، ساخت نمونه و نقشه کشی تعبیر می شود. رون مونو، در کتاب طراحی برای فهم محصول می نویسد: «کلمه طراحی از کلمه لاتین دیزاینیر می آید و به معنای فهمیدن است. یک تعریف پیچیده تر توسط هارولد سایمون ارائه شده است: «طراحی یک فرآیند حل مشکل است که به وسیله آن سنت ها یا پیشنهادهای ساختار یافته می شوند تا به هدف ها دست یابند.افرادی که با این فرآیند کار می کنند به عنوان طراح شناخته می شوند. مشابه بیشتر زمینه های ویژه، طراحی به زیر گروه هایی تقسیم می شوند.

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

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

 

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

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

رابرت بلیچ، کتابی درباره مدیریت ارتباط بین طراحی محصول و استراتژی سازمان نوشته است. درباره اینکه هویت سازمانی مسئله ای بیش از لوگوها و نشان های تجاری است، بحث می کند. بلیچ ادعا دارد که: «هویت سازمانی مجموع طراحی محصول، طراحی ارتباطات و طراحی محیط است و مدیریت همه این عناصر طراحی منجر به بیان چگونگی نگرش مؤسسان به شرکت می شود» . بنا به گفته مونو، «ایجاد شباهت» بین یک محصول با محصولات دیگر از همان سازنده، در واقع بخشی از کار خلق هویت یک شرکت است. او می گوید: اگر شرکت یک استراتژی طراحی پیوسته و منطقی را  که متشکل از قوانینی برای نظم بخشیدن به مدیریت هویت شرکت است  حفظ کند، محصولات یکنواخت شکل داده خواهند شد؛ حتی اگر طراحان تغییر کنند. بنابراین محصولات از هویت شرکت حمایت خواهند کرد.

تور کریستیانسِن، در مقاله خود می نویسد: طراحی خوب، هم توقعات را برآورده می سازد و هم توقعات را به وجود می آورد: طراحی محصول به خودی خود کیفیت را متعهد می شود و با طرح خوب به تعهد خود عمل می کند . به طور سنتی، از طراحان، به ویژه در زمینه توسعه محصولات، انتظار می رود که محصولاتِ سازمان، درخواست های عملکردی را برآورده سازند و نگاه کردن به آنها لذت بخش باشد. این حقیقت که ظاهر کار ممکن است به ما چیزی بگوید، غالبا فراموش می شود.

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

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

هویت هر سازمانی، افراد درون آن را تحت تأثیر قرار می دهد. اگر قصد بر آن است که هویت، تصویر مثبتی از سازمان ارائه دهد، مدیریت خوب ضروری است. در دهه های اخیر مدیریت کانون توجه خود را بر روی جنبه های گوناگون این زمینه متمرکز کرده است. در طول دهه 1950، توجه بر روی تصویر سازمان بود. در دهه های 70 و80 توجه به سمت هویت سازمانی، شخصیت سازمانی و ارتباط سازمانی تغییر کرد. در دوره های اخیر، توجه به سمت اعتبار سازمانی و مدیریت نشان سازمانی متمایل شده است.

همان گونه که در بخش های پیش گفته شد، ولف اولینز، یکی از شرکت های پیشتاز در زمینه هویت سازمانی بود. رابرت جونز، رئیس مشاوران در شرکت ولف اولینز: می گوید: توجه شرکت اکنون بر روی جابه جایی از هویت سازمانی به ایده سازمانی است. ایده سازمانی، ایده بزرگ پشت سازمان است. این ایده باید ایده ای باشد که هر دوی مشتریان و کارمندان بتوانند به آن معتقد باشند. پیدا کردن ایده بزرگ، نیاز به ترکیبی از مهارت ها دارد. جونز می نویسد: «به افرادی نیاز است که می توانند مسئله ای را که اهمیت دارد، بیرون بکشند؛ کسانی که از طرف دار اصلاحات اساسی بودن نمی ترسند و تعلیم داده شده اند تا با بیان مستقیم، انسانی و روزمره ارتباط برقرار کنند»

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

انجمن بین المللی جوامع طراحی صنعتی ، در یک گزارش می نویسد: انضباط طراحی، یک فعالیت هشیارانه و خلاقانه است که شامل ادغام فناوری و یا مواد با یک بُعد اجتماعی است. مقصود، باید کمک کردن، قانع کردن یا اصلاح رفتار انسان باشد. طراحان در علوم رفتاری بینش دارند و می دانند که چگونه از راه هر دوی عناصر دو بعدی و سه بعدی، تأثیرگذار باشند. هنگام تلاش برای بیان ایده پشت سازمان، محصولات و خدمات آن و ایجاد یک اعتبار سازمانی مناسب، باید به طراحان به گونه منابع مهمی نگریسته شود. هسته سازمان وظایف، هدف ها و فناوری آن است. مفهوم فناوری شامل ماشین آلات و ابزار، همچنین دانش و منابعی است که سازمان از راه کارمندانش داراست. طراحان، یک بخش از این فناوری هستند. به طور سنتی، دانش آنها در فرایند حل مسائل سازمان به کار برده شده است. به یاد آوردن این نکته مهم است که در انجام این وظیفه، آنها در چگونگی دریافت هویت سازمان، مشارکت می کنند. اما علاوه بر این، دانش آنها از رفتار انسانی و ارتباطات باید در فرایند شکل دهی هدف های سازمان در نظر گرفته شود. برای بهره برداری از شایستگی ها و توانایی های طراحان، آنها باید سهم و جایگاه خود را در تفکرات استراتژیک بیابند.

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

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

به همین گونه که کانون توجه از محصولات نشان دار به شرکت دارنده نشان، تغییر می کند، برندگان آینده نیز کسانی خواهند بود که قادر به انتقال یک هویت بالاتر از نشان های اختصاصی باشند. طراحان، متخصصانی در زمینه تبدیل ایده های انتزاعی به اشیای قابل لمس و برقراری ارتباط از راه قالب های شکلی دو یا سه بعدی هستند. طراحان به خاطر دانش خود از علوم رفتاری توأم با توانایی بیان از راه قالب ها و شکل ها، باید به عنوان منابع مهمی در فرایند بیان هویت سازمان ها در سطح استراتژیک شمرده شوند؛ یا باید تلاش بیشتری برای ثابت کردن نقش طراحان در کار استراتژیک و آگاه کردن مدیران؛ از آن صورت پذیرد.                                         

 

منبع : گرافیست سایت |نقش طراحان در روند خلق هویت سازمانی
برچسب ها : هویت ,سازمان ,سازمانی ,نشان ,شرکت ,طراحی ,هویت سازمانی ,هویت شرکت ,هویت سازمان ,ارتباط برقرار ,طراحان گرافیک ,اهمیت زیادی برخوردار ,ساختار سازم

اصول طراحی لوگو، آرم و نشانه

:: اصول طراحی لوگو، آرم و نشانه

طراحی لوگو، آرم و نشانه

نشان‌واره یا لوگو، عنصری گرافیکی از علائم یا برچسب‌ها است به ‌طوری که با سبک حروف یا قلم خاصی تنظیم شده یا به صورت ویژه اما خوانایی چیده شده‌است. شکل، رنگ، سبک حروف و … باید مشخصاً از دیگر علایم مشابه متفاوت باشد.
نشان‌واره یا لوگو طرح ملموسی برای نمایاندن خدمات، محصولات و کالای مورد نظر است. همچنین خصوصیات سازمانها و نهادها و … را شرح می‌دهد.
اخیراً اصطلاح لوگو برای شرح علائم، تمثیلها، لباس نیروهای نظامی، نشان‌ها، فیلمها حتی پرچم‌ها استفاده شده است.                                                                                                                                     

 

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

داشتن دانش کافی، تجربه و خلاقیت از گزینه هایی است که هر طراح “لوگو، آرم و نشانه” قوی و حرفه ای باید واجد آن باشد.

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

ساده باشد.

با فرهنگ موضوع همخوانی داشته باشد.

عمر بالای 10 (برخی عمر یک نسل یعنی بین 30 تا 40 سال را ذکر کرده اند) سال داشته باشد.

قابلیت تک رنگ شدن را داشته باشد (امروزه لوگوهایی برای یک محصول یا خدمات از یک شرکت طراحی میشوند که نیازی به قابلیت تک رنگ شدن ندارد، به کاربری لوگو در طولانی مدت توجه کنید!).

قابلیت کوچک شدن در ابعاد 1 سانتی متر را دارا باشد.

ترجیحا دارای فرم هندسی باشد.

وضوح عوامل مورد استفاده در نظر گرفته شود.

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

منحصر به فرد باشد!

سه دسته‌ی کلی برای طراحی لوگو وجود دارد:

 

نوشتاری (لوگوتایپ یا مونوگرام)
تصویری و علامت اختصاری (پیکتوگرام و آرم)
نوشتاری – تصویری
اینکه کدام یک از این سه نوع طراحی لوگو مناسب است بستگی به برخی از عوامل دارد، از جمله وسعت کاری، منحصر به فرد بودن اسم، نوع شغل یا خدمات و عواملی دیگر.

  

نمادها در طراحی آرم و لوگو:

 

امروزه بیش از هر زمانی از علائم در جایگزینی و پر محتوا کردن علائم محدود الفبایی (یعنی حروف) استفاده می گردد.این علائم، نظیر نشانه ها یا علائم تصویری موجود در ایستگاه های راه آهن، فرودگاه ها، خیابان ها و سایر مکانهای عمومی، ممکن است بر مبنای سنتی نوشتاری باشند یا نباشند.

 

این نمادها همه جا به چشم می خورند: روی بسته بندی ها، قوطی ها، جعبه ها، روی وسایل نقلیه، روی کاغذ، در تابلوهای مربوط به تظاهرات، در بازی های عمومی، بازارها، نمایشگاه ها و جشنواره ها.

 

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

 

به طور کلی، عموم مردم، کلمه (آرم) را به جای (نشانه) می شناسند.

 

الف) نشانه: نشانه از واژه یونانی (semeion) گرفته شد که دو واژه (semiotique) و (semidogie) از آن مشتق شده است.

 

واژه (semiotique) یا ((semidogie خاستگاه های آمریکائی دارد که در آن نشانه شناسی را همچون فلسفه زبان های تعریف می کند، در حالی که اصطلاح ((semidogie خاستگاه اروپائی دارد و بیشتر برای مطالعه زبان های ویژه با نظامهای نشانه ای غیر زبانی (تصویر- ایماء و اشاره- تئاتر و …) به کار می رود.

 

نشانه شناسی رشته ای جدید است که از آغاز قرن بیستم پدید آمد و بدین ترتیب اصالت و مشروعیت رشته های قدیمی مثل فلسفه را دارا نمی باشد. از جمله افرادی که در باب نشانه شناسی مطالعاتی کرده اند می توان به ساندرس پیرس، سوسور، امبرتو اکو و … اشاره نمود.

 

دو گونه نشانه وجود دارد:

 

1- نشانه های دیداری: یعنی هر آنچه با چشم می بینید و با ادراک حسی می شناسید.

 

2- نشانه های تصویری: وقتی شماری از نشانه های دیداری ثبت می شوند و در متنی جای می گیریند تبدیل به نشانه های تصویر می شوند.

 

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

 

تاریخچه نشانه:

 

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

 

عوامل موفقیت لوگو یا نشانه:

 

یک لوگو یا نشانه موفق به سرعت بر مخاطب تاثیر می گذارد و چشم را به شدت به خود جلب می کند. لوگو یا نشانه باید بی هیچ سخن یا کلامی به سرعت قابل تشخیص باشد و دارای انسجامی باشد که آن را از دیگر نشانه ها متمایز سازد. نشانه خوب باید آنچنان قوی و معتبر باشد که تا مدت زمان طولانی همچنان اعتبار خود را حفظ نموده و قابل استفاده باشد. برای طراحی هر نوع حرف نشانه ای را های زیادی وجود دارد اما اصلی ترین ویژگی یک نشانه یا یک نماد خوب، سادگی یا ایجاز آن است.

 

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

 

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

 

آرم (علامت):

 

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

 

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

 

3- طراحی لوگو تایپ

 

یکی از عوامل مهم و گاهی مهم ترین ابزاری که در شکل گیری یک هویت خاص یا یک یونیفورم کلی مورد استفاده طراحان قرار می گیرد لوگو است، لوگو تایپ یا نشانه نوشته، اغلب نام خاصی برای یک شرکت، مجموعه یا کالا و گاهی تنها یک نوشته حتی فاقد معنی است که با طراحی خاص و متفاوت ارائه نشده تا به اذهان بنشیند. در اکثر اوراق اداری در یک نگاه سریع اولین چیزی که به نظر مخاطبان می رسد لوگوی آن است، نام شرکت یا شخص حقیقی و … که در بسیاری موارد مهم ترین پیام اوراق است. بیشترین کاربرد لوگوها آن است که برای مخاطب قابل شناسائی باشند. بنابراین در طراحی لوگو خوانا بودن همراه با متفاوت بودن یا سایر لوگوهای هم موضوع یک اصل است.لوگو باید قابل درک، تاثیر گذار بوده و در ذهن بیننده باقی بماند. لوگو از سرمایه های معتبر یک شرکت محسوب می شود. با ارتقاء یک شرکت همچنان نام و لوگوی آن ثابت مانده و طراحی لوگو برای نشانه یک شرکت تولیدی یا خدماتی متفاوت است.

 

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

 

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

 

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

 

در هر صورت یک لوگو تایپ باید دارای خصوصیات عمومی زیر باشد:

 

الف) عملکرد شرکت را نشان دهد.

 

ب) شناخته شده باشد.

 

ج) متنوع و متفاوت با لوگو تایپ با همنوع خود باشد.

 

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

 

نوشتار و طراحی حروف:

 

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

 

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

 

در یک سربرگ عناصر نوشتاری شامل: اسم، نام شرکت، آدم شرکت، آدرس پستی و شماره تلفن و فکس و آدرس الکترونیکی، شماره و تاریخ پیوست می باشد، این استاندارد باید در همه سربرگ ها رعایت شود.

 

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

 

(طراحی حروف) واحد اندازه گیری حروف، پوینت point نامیده می شود.هر چه پوینت بیشتر باشد حروف بزرگتری خواهد داشت. فضای بین خطوط لیدینگ leading نامیده می شود. هر چه که عدد لیدینگ بیشتر باشد، فضای گسترده تری را در اختیار دارید.

 

فضای نوشتاری ممکن است به صورت حروف با وزن های مختلف در صفحه قرار گیرند، وزن های به میزان ضخامت یا سنگینی حروف باز می گردد. شکل و نوع حروف در زیبایی کار تاثیر گذار است. باید بدانید از چه فونت و نوشته ای برای موضوع مورد نظر استفاده کنید. امروزه وجود کامپیوترها امکانات جدیدی از نظر شکل و نوع حروف و انواع قلم (فونت) در اختیار ما قرار می دهد.

 

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

 

نکات زیر را در مورد فضای نوشتار باید مد نظر داشت:

 

1- مطالب و نوشته ها باید به اندازه ای بوده که خوانده شوند.

 

2- خواندن ترکیبی از حروف بزرگ و کوچک برای مخاطب آسان تر از خواندن حروف صرفا بزرگ باشد.

 

3- خواندن خطوط طولانی، نوشته ها، چشم را خسته می کند.

 

4- فضای نوشتاری که راست چین یا چپ چین بوده آسان تر از نوشته ای خوانده می شود که وسط چین باشد.

 

5- نوشته سفید روی زمینه سیاه سخت تر خوانده می شود، همچنین نوشتار رنگی، به ویژه روشن به سختی خوانده می شود. اساسا صحیح نیست که نوشته تیتر، معمولا بزرگ و یا با حرف توپر و به صورت رنگی روی پس زمینه های تیره و روشن تایپ شود.

 

6- حروف توپر، فشرده، یا ایتالیک برای بخش های مهم آورده می شود، چرا که آن ها چشم را خسته می کند.

 

7- فضای نوشتاری خلوت معمولا بهتر از فضای نوشتاری شلوغ خوانده می شود.

 

                                                                                       

                                                                                                                               

منبع : گرافیست سایت |اصول طراحی لوگو، آرم و نشانه
برچسب ها : استفاده ,نوشته ,شرکت ,لوگو ,حروف ,طراحی ,داشته باشد ,فضای نوشتاری ,مورد استفاده ,کارت ویزیت ,طراحی لوگو ,دانش کافی، تجربه

نکاتی در مورد طراحی سایت هنری وطراحی سایت سه بعدی و طراحی سایت گرافیکی وفاکتور های محبوبیت سایت

:: نکاتی در مورد طراحی سایت هنری وطراحی سایت سه بعدی و طراحی سایت گرافیکی وفاکتور های محبوبیت سایت

طراحی سایت هنری:                                                                        

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

قابلیت های طراحی سایت هنری

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

برگزاری کلاس های هنری:

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

طراحي سايت سه بعدي :                                                                                                                   

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

مزایای طراحی سایت سه بعدی:

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

 طراحي سايت گرافیکی :                                                             

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

پیاده سازی طراحی سایت گرافیکی

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

اصول بهینه سازی در طراحی سایت گرافیکی

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

فاکتورهای محبوبیت طراحی سایت:                                           

 

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

لینک دهی خارجی در طراحی سایت

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

 

عمر طراحی سایت:

عمر طراحی سایت نیز از دیگر فاکتورهای محبوبیت سایت می باشد. سایت ها با عمر بیشتر اغلب دارای محتوای قدیمی تر و بیشتر می باشند که این نیز از فاکتورهای در محبوبیت سایت شما در تحلیل های مرتبط با سئو سایت قرار می گیرد.

 

عملکرد طراحی سایت:

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

 

زمان صرف شده در طراحی سایت شما:

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

                             

منبع : گرافیست سایت |نکاتی در مورد طراحی سایت هنری وطراحی سایت سه بعدی و طراحی سایت گرافیکی وفاکتور های محبوبیت سایت
برچسب ها : سایت ,طراحی ,هنری ,گرافیکی ,محبوبیت ,کاربران ,طراحی سایت ,سایت هنری ,سایت گرافیکی ,محبوبیت سایت ,تصاویر گرافیکی ,فضای بسیار مناسبی

طراحی سایت با استانداردهای جهانی

:: طراحی سایت با استانداردهای جهانی

در دنیای امروز طراحی سایت امری لازم و ضروری می باشد

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

گام اول : اهداف و استراتژی طراحی سایت
در طراحی سایت بررسی و تعیین اهداف ، سیاست و استراتژی وب سایت  در نحوه معرفی و ارائه خدمات ، نوع و نیاز مخاطبان ، امتیازات رقابتی ،نحوه ارتباط با مخاطبان خیلی اهمیت دارد. بررسی و مطالعه دقیق در این مرحله می تواند در بازدهی و بهره وری وب سایت و تبلیغاتبسیار تعیین کننده باشد . برای تعیین اهداف و استراتژی وب سایت تان موارد زیر را مدنظر قرار دهید :

  • هدف از داشتن وب سایت
  • نوع مخاطبان
  • نوع خدمات
  • تحلیل خواسته های مخاطبان
  • فضای رقابتی و ویژگیهای رقابتی

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

گام سوم : طبقه بندی اطلاعات ، چینش ، نوع نگارش و دسترسی وب سایت
پس از مرحله انتخاب و تعیین اهداف ، استراتژی و سیاست وب سایت ، نحوه در دسترس قرار دادن و ارائه اطلاعات در اولویت دوم قرار دارد . تصور کنید که شما ارائه دهنده خدمات خاصی هستید و یا شاید مخاطبان شما آشنایی کامل با خدمات و یا محصولات شما ندارند ؟ در این حالت وظیفه گرافیست سایت ارائه توضیحات لازم و کافی و همچنین برطرف کردن ابهامات و سوالات احتمالی و متداول است. دو حالت برای ایجاد ابهام و عدم پاسخ به مخاطب وجود دارد :
۱٫ وجود نداشتن و یا مبهم بودن اطلاعات
۲٫ در دسترس نبودن و عدم هدایت صحیح مخاطب برای کسب اطلاعات
این نکته بسیار مهم است که بدانید اگر مخاطب ابهام و یا سوال بدون جوابی در مورد خدمات و یا محصولات شما داشته باشد ، به دنبال منابع دیگری برای پاسخ دادن به سوالات خود و رفع ابهام می گردد و این یعنی از دست دادن مخاطب.

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

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

گام ششم : مدیریت وب سایت پس از طراحی سایت
امروزه وب سایتهای داینامیک و پویا سهم عمده ای از دنیای وب را تشکیل می دهند . این وب سایت ها با استفاده از زبانهای برنامه نویسی و بانکهای اطلاعاتی به وجود می آیند و حرکت می کنند. با توجه به گستردگی زبانهای برنامه نویسی تحت وب ، عناصر : علم روز ، تجربه و خلاقیت در استفاده از زبانها و بانکهای اطلاعات نقش تعیین کننده ای در بازدهی و بهره وری وب سایت شما دارد .در وب سایتهای داینامیک بخشی با عنوان مدیریت وب سایت ، برای مدیریت ( بروزرسانی ، ویرایش و … ) اجزاء و مطالب وب سایت در اختیار شما قرار میگیرد. سادگی در نحوه استفاده ، امکانات و امنیت از نکات مهم در مدیریت وب سایت هستند. این بخش توسط مخاطبان عادی وب سایت  غیر قابل رویت می باشد و در عین حال قسمت اصلی تشکیل دهنده وب سایت های داینامیک است.                                                                                                                 گام هفتم : بهینه سازی برای موتورهای جستجو:
برای کسب رتبه بهتر و کسب مخاطبان بیشتر به صورت هدفمند ( کسب مخاطبانی که واقعا به دنبال خدمات ما هستند ) از موتورهای جستجو ، بهینه سازی وب سایت برای موتورهای جستجو امری لازم و ضروریست ، بهینه سازی وب سایت یک شاخه جدا از طراحی وب سایت نیست و طراح وب باید راه های بهینه سازی وب سایت ها را برای موتورهای جستجو به خوبی بدانند و در طول طراحی و کد نویسی یک وب سایت رعایت کنند. بوسیله بهینه سازی وب سایت موتورهای جستجو ، راحت تر ، سریعتر و دقیقتر وب سایت ما را بررسی می کنند . برای بهینه سازی وب سایت ها برای موتورهای جستجو که امروزه شاخه ای از فعالیتهای تحت وب است و به صورت آکادمیک در دانشگاه های معتبر دنیا آموزش داده می شود روشهای متفاوتی وجود دارد.گاهی عدم آگاهی و یا استفاده نا مناسب از این تکنیکها باعث نتایج معکوس می شود . طراحی سایت به این معنا که موتورهای جستجو وب سایت شما را تحریم می کنند. بنابراین انتخاب روش صحیح و استاندارد بسیار مهم است. این نکته بسیار مهم است که بخش عمده ای از بازدید کنندگان شما به دلیل مطالب مفید ، طراحی مناسب ، و خدمات خوب شما ، به وب سایت شما می آیند و تمامی موارد در مورد یک وب سایت به صورت زنجیره ای به یکدیگر پیوسته اند و شاید ضعف یکی از حلقه های این زنجیر باعث عدم بهره وری وب سایت شما باشد . اینکه تکنیک های بهینه سازی به چه روش و ترتیبی اعمال شود ، در جایگیری و رتبه بندی شما در موتورهای جستجو بسیار تایین کننده است . پروسه منطقی و استاندارد زیر می تواند در طراحی سایت بسیار مفید باشد :

  • استاندارد سازی کدهای HTML ، CSS و .. در وب سایت
  • ایجاد ساختار مناسب در وب سایت برای سهولت دسترسی موتورهای جستجو به وب سایت
  • بررسی رقبا
  • بررسی کلمات کلیدی مرتبط با محتوای وب سایت
  • بهینه سازی متون وب سایت شما
  • ایجاد لینکهای مناسب و مرتبط با وب سایت شما برای افزایش PageRank و رتبه در موتورهای جستجو
  • تبلیغات هدفمند

 

تجارت و کسب و کارهای اینترنتی

در دنيای امروز شرکت های اينترنتي به سرعت در حال رشد هستند و هر روز سهم بيشتری از اقتصاد کشورها را به خود اختصاص می دهند. در سالهای قبل شرکت ها و کارخانجات فيزيکی بزرگترين و پردرآمدترين شرکت ها در دنيا بودند ولي امروزه شرکت های اينترنتی جای آن ها را اشغال و خود را به سطح شرکت های بزرگ نفتی رسانده اند . در دنیای امروز شرکت های اينترنتی به سرعت در حال رشد هستند و هر روز سهم بيشتری از اقتصاد کشورها را به خود اختصاص می دهند . در سال های قبل شرکت ها و کارخانجات فيزيکی بزرگترين و پردرآمدترين شرکت ها در دنيا بودند ولی امروزه شرکت های اينترنتی جای آن ها را اشغال و خود را به سطح شرکت های بزرگ نفتی رسانده اند .
به عنوان مثال شرکت هايی چون گوگل ، ياهو و فيس بوک جاي شرکتهايی چون کوکاکولا و جنرال موتور را در صدر ليست برترين شرکت های دنيا گرفته اند .
در حال حاضر با توجه به افزایش هزینه ارائه خدمات حضوری، در جوامع مختلف مانند هزینه سوخت و یا کمبود وقت ، مردم سعي مي كنند از مراجعه حضوري به ادرات ، مغازه ها و فروشگاه ها پرهيز نمايند ، بنابراين مشتري ها در حال مهاجرت از مغازه ها و فروشگاههاي فيزيکي به فروشگاه ها و سايتهای اينترنتي بوده و خريدهاي خود را از طريق اينترنت انجام می دهند. اين تغيير رفتار در مصرف کننده ها باعث شده است که اقتصاد جديدي در اينترنت نمایان شده و شرکت ها و کسب و کارهاي جديد بسياری در اينترنت شکل گيرد . ايران نيز از اين قاعده مستثنا نيست و تحت تاثير تحولات اينترنت قرار گرفته و در آينده نزديک نيز بسيار بيشتر با آن دست و پنجه نرم خواهد کرد.                                                                                                                                      کسب و کار اینترنتی به فروش محصولات یا خدمات در اینترنت گفته می شود . این نوع کسب و کار به سرعت در اقتصاد امروز رشد و پیشرفت کرده است. طراحی سایت خرید و فروش اینترنتی به کوچکترین کسب و کارها نیز این امکان و فرصت را می دهد که به مخاطبان خود در سطح جهانی با حداقل هزینه دسترسی پیدا کنند . امروزه بیش از ۹۰۰ میلیون نفر در سطح دنیا از اینترنت استفاده می کنند . ۶۹ درصد از این جمعیت ، در طول ۹۰ روز ، دست کم یک خرید از اینترنت داشته اند .
یک سایت اینترنتی ، طراحی سایت تنها برای فروش محصول یا خدمات به کار نمی رود، بلکه می تواند نقشها و کارکردهای مختلفی داشته باشد . اگر محصول خاص و منحصر به فردی دارید که در دیگر نقاط دنیا وجود ندارد ، می توانید با معرفی آن محصول در سایت خود ، دیگران را از وجود آن مطلع کنید و از این طریق به اهداف خود دست یابید.
زیبایی اینترنت در این است که مخاطبان آن در سرتاسر دنیا پراکنده اند و این امر می تواند به معنای وجود مشتریان بالقوه برای شما باشد. این نوع بازار، هیچ موقع بسته نمی شود . مشتریان شما می توانند به صورت ۲۴ ساعته به اطلاعات کسب و کارتان دسترسی پیدا کنند . شما نیز می توانید هر چند بار و با هر فاصله ای که بخواهید ، اطلاعات مورد نظرتان را درباره ی فعالیتها و فروشگاهتان در صفحات اینترنت جای دهید. مهمتر از این، شما می توانید کاتالوگی از محصولات و خدماتتان را همراه تصویر و حتی فیلم در صفحات اینترنت قرار دهید. در این صورت، مشتریان بالقوه ی شما می توانند آنها را مشاهده کنند و حتی در هر ساعت از شبانه روز، سفارش خرید دهند.
بسیاری از افراد ، طراحی سایت كسب و كار اینترنتی را با تجارت الكترونیكی  اشتباه می گیرند در حالیكه این دو مبحث با یكدیگر متفاوتند.
به عبارتی E-Business به مجموعه فعالیتهای مربوط به كسب و كار از جمله مباحث بازاریابی، مالی، خرید و فروش، ارتباط با مشتریان، خدمات پس از فروش، همكاری با سرمایه گذاران و… كه از طریق شبكه اینترنت انجام می‌گیرد اطلاق می‌شود در حالیكه E-Commerce تنها شامل مسائل مربوط به خرید و فروش از اینترنت می باشد و خود، زیرمجموعه ای از E-Business است.

چهار چوب طراحی سایت:                                                                                                             

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

 

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

 

سازگاری با مرورگرهای مختلف
حداقل صد نوع مختلف مرورگر وجود دارد . شما می بایست سایت تان را بگونه ای طراحی کنید تا با نسخه اخیر اکثر مرورگرهایی که بیشترین استفاده را دارند بخوبی کار کند . طراحی سایت بطور میانگین کاربران اینترنت ممکن است ندانند که چطور مرورگرهایشان را بروز کنند یا طرز فکری به این صورت داشته باشند که “وقتی چیزی کار می کند ، چرا باید بهش دست زد؟” به یاد داشته باشید که بازدید کنندگان ممکن است از کامپیوترهای شخصی نوع PC، MAC، Linux Box، PDA یا از تلفنهای همراه با مرورگرهای مختلف استفاده کنند.
طراحی سایت، نیازمند آن است که صفحات سایت شما حداقل با مرورگرهای اینترنت اکسپلورر، نت اسکیپ، فایرفوکس، اپرا و سفری بخوبی کار کند. بر طرف سازی خطاها در کدهای html، کافی نمی باشد وبایدسایت تان را در مرورگرها و سخت افزارهای مختلف آزمایش کنید.

 

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

 

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

 

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

 

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

 

لینک ها:
بطور مرتب و دوره ای، کلیه لینک های سایت تان را آزمایش کنید تا مطمئن شوید آنها بخوبی کار می کنند و لینکی شکسته وجود ندارد. ابزارهای آنلاین و رایگانی وجود دارند که بطور دوره ای لینک های سایت تان را بررسی می کنند.

 

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

 

منبع : گرافیست سایت |طراحی سایت با استانداردهای جهانی
برچسب ها : سایت ,طراحی ,استفاده ,شرکت ,خدمات ,اطلاعات ,طراحی سایت ,موتورهای جستجو ,بهینه سازی ,مالتی مدیا ,بازدید کنندگان ,برای موتورهای جستجو ,کارخانجات

فرمت تصاویر مورد استفاده در وب و ویرایش عکسها جهت استفاده در وب

:: فرمت تصاویر مورد استفاده در وب و ویرایش عکسها جهت استفاده در وب

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

GIF
این فرمت مشخص کنندهٔ تصاویر گرافیکی ثابت یا متحرک است. این نام کوتاه شده Graphics Interchange Format که مفهوم لغوی آن در زبان فارسی قالب مبادلهٔ گرافیک است. این قالب گرافیکی توسط شرکت CompuServe در سال ۱۹۸۷ میلادی معرفی شده است و امروزه به طور گسترده در وب مورد استفاده قرار میگیرد.
در این فرمت تصویری از تکنیک LZW (Lempel-Ziv-Welch) برای فشرده سازی تصاویر استفاده می شود که یک تکنیک فشرده سازی ( Lossless compression ) است.تعداد رنگهای مورد استفاده در این فرمت با توجه به ۸ bit بودن آن ۲۵۶ رنگ است که یک بازه رنگ نسبتا محدود برای استفاده در اختیار شما قرار میدهد .این ۲۵۶ رنگ از یک محدوده رنگ بزرگتر (۲۴ bits: 8 red, 8 green, 8 blue) با ۱۶,۷۷۷,۲۱۶ رنگ انتخاب می شود. ( با توجه به ترکیب رنگ و نوع تصویر ) به دلیل محدودیت تعداد رنگ ها ازاین فرمت برای تصاویری با تعداد رنگ کمتر از ۲۵۶ استفاده میشود .برای تصاویر دیجیتال و یا تصاویر دارای Gradiant از این فرمت استفاده نکنید . زیرا به دلیل محدودیت تعداد رنگها باعث کم کیفیت و نامرتب شدن تصاویر شما خواهد شد.
این فرمت برای تصاویرخطی ، عناصر با لبه های تیز و تعداد رنگ محدود بسیار مناسب است.
یکی از قابلیت های مهم این فرمت تصویری قابلیت ساخت تصاویر متحرک است. می توانید با استفاده از نرم افزارهای ویرایش تصاویر مانند Photoshop و یا نرم افزارهایی که برای ساخت تصاویر متحرک با فرمت GIF برنامه ریزی شده اند، برای ساخت تصاویر متحرک ساده خود استفاده کنید. ( Animated gif )

JPG
استاندارد مورد استفاده برای فشرده سازی تصاویر که نام آن ، کوتاه شده Joint Photographic Experts Group ، نام سازمان ایجاد کننده این استاندارد در سال ۱۹۹۲ است.
از این استاندارد بیشتر برای ذخیره سازی تصاویر دیجیتال و تصاویری که با استفاده از دوربین های عکاسی گرفته شده است ( که دارای میلیونها رنگ هستند ) استفاده می شود. این استاندارد به شما اجازه میدهد با مقداری تغییر در خصوصیات به حجم مناسبی برای انتشار در محیط وب برسید.تکنیک فشرده سازی تصاویر در این فرمت ( Lossy Compression ) است به این معنی که پس از تغییر خصوصیات برای فشرده سازی تصاویر ، کیفیت گذشته تصاویر از دست خواهد رفت و به کیفیت پایین تری از تصاویر خواهیم رسید بنا براین در تغییر خصوصیات با استفاده از این استاندارد دقت نمائید. در استفاده از این استاندارد برای تصاویری همراه با متن ، الگوها و سطوح با لبه های تیز بسیار دقت کنید . زیرا کم کردن خصوصیات به میزان زیاد باعث بهم ریختگی در لبه های متن و سطوح میشود.
با کمی تمرین و تجربه میزان مناسب تغییر در این خصوصیات را درک خواهید کرد و می توانید به طور مناسب از آن استفاده نمائید.میتوانید از نرم افزارهای ویرایش تصاویر مانند Photoshop ( گزینه Save for web در منوی File ) برای تغییر در خصوصیات تصاویر استفاده نمائید.

PNG
نام آن کوتاه شده کلمه Portable Network Graphics است که در سال ۱۹۹۶ به عنوان جایگزینی پیشرفته تر و مناسب برای GIF (Graphics Interchange Format) به وجود آمد.
PNG از محدوده رنگ ۲۴-bit RGB or 32-bit RGBA و همچنین Grayscale ( همراه و یا بدون alpha channel ) پشتیبانی می کند.PNG فرمتی است که برای انتشار در محیط وب به وجود آمده است و برای کارهای چاپی مورد استفاده قرار نمی گیرد و به همین دلیل از محدوده رنگ فایلهای چاپی نیز (CMYK ) پشتیبانی نمی کند. یکی از خصوصیات جذاب این فرمت تصویر برای طراحان و توسعه دهندگان وب خاصیت alpha channel آن می باشد که موجب ایجاد تصاویر Transparent ( زمینه شفاف ) می شود.
از دیگر خصوصیات موجود در فرمت های GIF و PNG (Lossless compression ) از دست ندادن کیفیت ظاهری پس از فشرده سازی تصویر است (بر خلاف استاندارد JPEG )
در فرمت PNG از تکنولوژی ( ZLib ) برای فشرده سازی تصاویر استفاده میشود که کارآمد تر از تکنیک فشرده سازی در GIF است (LZW ) دونوع متفاوت از فرمت PNG با کیفیت متفاوت در صفحات وب مورد استفاده قرار میگیرند.
PNG8 (8-bit)
ازنظر محدودیت رنگ مانند .gif است (۲۵۶ رنگ حداکثر) ، اما میتوان از خاصیت alpha channel آنها برای ایجاد تصاویر شفاف استفاده نمود.
PNG24 (24-bit)
اجازه استفاده از بازه بیشتری از رنگها را به شما میدهد.
متاسفانه در حال حاضر تعدادی از مرورگرها به صورت کامل و مناسب از این فرمت تصویر پشتیبانی نمی کنند و این موضوع مشکلات بسیاری را برای طراحان وب به وجود آورده است. اما استفاده از این فرمت کاملا جایگاه خود را پیدا نموده است و در نهایت تمامی مرورگرها مجبور به پشتیبانی از این فرمت خواهند شد . البته راه های خاصی برای نمایش صحیح این فرمت در مرورگرهای قدیمی که از این فرمت پشتیبانی نمیکنند وجود دارد.
استفاده از این فرمت برای ذخیره سازی تصاویری با کیفیت بالا و اندازه کوچک بسیار مناسب است . مانند لوگوهایی با تعداد رنگ زیاد و لبه های گرد ، یا آیکون ها در سایز های کوچک .
در اینجا سعی خواهیم کرد به طور عملی تفاوت ما بین فرمت تصاویر و نحوه کار با آنها را توضیح دهیم. برای این کار ما از نرم افزار فتوشاپ استفاده خواهیم کرد و در زیر مراحل انجام کار را ملاحظه می کنید.
پس از باز کردن تصویر مورد نظر در محیط فتوشاپ از منوی file گزینه Save For Web را انتخاب نمائید.
پس از باز شدن پنجره مخصوص برای ذخیره تصاویر برای انتشار در محیط وب فرمت تصویر مورد نظر را انتخاب نمائید.
به طور مثال برای فرمت JPG می توانید با افزایش یا کاهش درصد کیفیت به حجم و کیفیت مورد نظر خود برسید
 پس از ذخیره سازی با استفاده از فرمت PNG سایز تصویر بدون تغییر چشمگیری در کیفیت تصویر افزایش پیدا کرده است. بهترین گزینه می تواند فرمت JPG با کیفیت ۵۰ درصد باشد

 فرمت GIF برای ذخیره سازی تصاویری شامل نوشته ها و خطوط صاف بهتر از JPG عمل میکند.
 برای ذخیره تصاویر با پس زمینه شفاف بهترین گزینه می تواند PNG 24bit باشد .                                         

ویرایش عکسها جهت استفاده در وب:

                                       

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

در اصل بهینه سازی و ذخیره سازی عکسها با Save کردن آنها شروع نمیشود و قبل از رفتن به سراغ کلید Save کارهایی است که  باید انجام دهید.

نکته ی اول

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

ضمنا این نکته را در نظر داشته باشید که بهتر است که از ابتدا فایل جدید را در مود RGB کار نمایید تا اینکه در مود CMYK کار کنید و بعدا آنرا تبدیل نمایید. مود یک عکس را از مسیر Image > Mode میتوانید چک/عوض کنید.

نکته دوم

اگر ابعاد عکس شما بیشتر از حد معمول باشد و بخواهید آن را با استفاده از این گزینه Save for a Web/Device ذخیره نمایید.برنامه به شما هشدار می دهد که حجم عکس شما بیش از حد معمول است و فتوشاپ این کار را نمی تواند به درستی انجام دهد. پس به اندازه و حجم عکس اصلی توجه داشته باشید و انتظار نداشته باشید عکس با حج ۵۰ مگا بایت و ابعاد بسیار بالا را بتوانید بع عکس ۱۰۰ کیلو بایتی با همان ابعاد تبدیل نمایید. ابعاد عکس را به ابعاد مورد نظر و کاربردی تبدیل نمایید و حجم بسیار زیادی از عکسهای خود از طریق این کار کسر نمایید.

بعد از اعمال موارد لازم روی عکس (و بعد از اینکه ۲ نکته بالا را نیز انجام دادید) نوبت آن است که وارد محیط Save for a Web/Device
بشویم. از طریق زیر به گزینه ی مذکور دسترسی خواهید داشت.
File>
Save for a Web/Device
و یا کلید میانبر Alt+CTRl+Shift+S میتوانید بیابید.

در قسمت پایین سمت راست و از تب Image Size میتوانید سایز عکس را تغییر دهید و یا بر اساس درصد آن را کوچک را بزرگ نمایید.

عکس ها در حالت نرمال دارای ابعاد ۱۶۰۰*۱۰۰۰ میباشد و حجم تقریبی آن ۱۵۰ کیلو بایت است. اما مهمترین قسمت کار شما با قسمت Quality  میباشد. از منو Preset چندین گزینه پیش فرض قابل انتخاب است که میتوانید آنها را انتخاب نمایید و نتیجه در سمت چپ و در قسمت Preview و همچنین سایز بدست آمده را نیز در سمت چپ و پایین این باکس مشاهده نمایید که حجم عکس شما بعد از انتخاب گزینه های فوق به چه عددی تغییر میکند. شما میتوانید با بازی کردن با این ابعاد و مشاهده پیش نمایش نهایی عکس در قسمت سمت چپ به ایده آل ترین حال دست پیدا کنید. یعنی عکسی با کیفیت مناسب و با پایینترین حجم ممکن.

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

 تغییرات لازم  را اعمال نمایید تا به بهترین حالت ممکن دست پیدا نمایید.

در آخرین مرحله لازم است که گزینه Save را زده و در پنجره باز شده در جلوی گزینه Save as type گزینه Only Image را انتخاب نمایید تا عکس مورد نظر بر روی کامپیوتر ذخیره گردد.

                                                                                                                 

منبع : گرافیست سایت |فرمت تصاویر مورد استفاده در وب و ویرایش عکسها جهت استفاده در وب
برچسب ها : استفاده ,فرمت ,تصاویر ,کیفیت ,سازی ,نمایید ,فشرده سازی ,سازی تصاویر ,مورد استفاده ,ذخیره سازی ,گزینه save ,ساخت تصاویر متحرک ,تصاویر مانند photoshop ,خ

نکاتی در مورد طراحی بنر فلش

:: نکاتی در مورد طراحی بنر فلش
این روزها تبلیغات بنری فراوانی را در اینترنت مشاهده میکنیم که همه در حال رقابت با همدیگه هستن که یک بنر خوب را ایجاد و به مشتری تحویل دهند با توجه به تعاریف بنر فلش باید بتوانیم ی بنر موفق را برای مشتریان ایجاد و به آنها تحویل دهیم سعی کنید در تهیه بنر به درخواست های مشتریان توجه و عمل کنیم اما برای طراحی بنر که کاربران را برای کلیک کردن در روی آن جذب کند نکاتی را باید در نظر داشت:

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

2. چشمک زن:سعی کنید بنر شما بیش از حد چشمک زن و جیغ نباشد، در نگاه اول بنر شما چشم را به سمت خود جذب میکند اما بعد از آن کاربر آن را نادیده میگیرید و بازخورد معکوسی را از طرف کاربران دریافت میکنید.

۳) کم حجم بودن: وبسایت ها آگهی کننده بنرهای بیشتر از ۴۰ کیلوبایت را بر روی سایتشان قرار نمیدهند، اما با این حال هر چه حجم فلش بنر یا گیف بنر شما کوچکتر باشد، باعث بارگذاری سریعتر بنر و نمایش آن میشود.

۴) استفاده مناسب از فضا: در طراحی بنر هرگز ازتمام پیکسل ها استفاده نکنید و تمام فضای بنر را از عکس و متن پر نکنید ، کار بسیار اشتباهی است.

۵) تصاویر و کاراکتر: در بنر از تصاویری که تکراری نیستند و در عین حال با شغل و خدمات  مرتبط هستند استفاده کنید، این روزها بنرهایی که دارای کاراکتر و شخصیتی کارتونی هستند بسیار رایج شده است، اگر میخواهید از کاراکتری استفاده کنید سعی کنید آن کاراکتر متناسب با شخصیت کاری  باشد.

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

۷) پیام هوشمندانه: سعی کنید پیامی که به مخاطب ارائه میدهید پیامی هوشمندانه و هدفمند باشد، اینکه یک بنر در فضای اینترنت قرار دهید کافی نیست، باید توسط بنر مخاطب را به سمت خود هدایت نمایید.

۸) کال تو اکشن: کال تو اکشن باعث میشود تا کاربران برای کلیک کردن بر روی بنر ترغیب شوند.

۹) سادگی: زیبایی در سادگی است، اصلا سعی نکنید طرح خود را شلوغ کرده و اطلاعات زیادی را در بنر به کاربر خود ارائه دهید، کوتاه و مختصر تاثیر گذار تر است.                                                                             ۱۰) استفاده از طنز: یکی از راه هایی که بنر را جذاب میکند استفاده از طنز مناسب در طراحی و یا در جملات میباشد، این کار هم باعث جذابیت و هم باعث به یاد ماندن آن در ذهن مخاطب میشود.

منبع : گرافیست سایت |نکاتی در مورد طراحی بنر فلش
برچسب ها : استفاده ,بنرهای ,طراحی ,باعث ,فضای ,نکنید ,استفاده کنید ,برای کلیک

راهکارهای افزایش بهره‌وری بنر های تبلیغاتی

:: راهکارهای افزایش بهره‌وری بنر های تبلیغاتی
 تبلیغات از طریق بنر تنها راهکار تبلیغ نیست و این روش هم مزایا و محدودیت های خاص خود را دارد ، ولی تجربه نشان می دهد که استفاده هوشمندانه از بنر بویژه در معرفی نام تجاری  و پیشبرد فروش بسیار موثراست . بسیاری از آگهی دهندگان به شناخت کاملتری از تبلیغات بنر  نیاز دارند تا بتوانند بخوبی از آن استفاده کنند .بر اساس آمار سازمان بین المللی تبلیغات ( IAB ) ،‌ در سال ۲۰۰۰ میلادی ، تبلیغات از طریق بنر ۴۷ ٪ کل تبلیغات آنلاین را تشکیل داده است . بویژه اگر توجه کنیم که رقم کل تبلیغات آنلاین در این سال ۲ / ۸ میلیارد دلار بوده ، بیشتر به اهمیت این نوع تبلیغات پی می بریم . بنابراین تبلیغات از طریق بنر می تواند و می بایست بخشی از استراتژی تبلیغاتی شما باشد ، به شرط آنکه به این موارد توجه کنید:                                                                                     

1– برای بنر های خود پیام های جذاب و کوتاه تهیه کنید .

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

2 – اطمینان یابید که بنرها مخاطب را به جای درستی هدایت می کنند .

در طراحی بنر برای سایت، قابل قبول است که مخاطبان را به صفحه اصلی  سایت بفرستید . اما بنر هایی که برای پیشبرد فروش و ارائه پیشنهادات خاص طراحی شده اند ، ممکن است با هدایت مخاطبان به صفحه اصلی سبب سر در گمی ایشان شوند . در این موارد ، بخصوص اگر پیام یا راهنمای تصویری مناسبی برای هدایت این بازدید کنندگان در صفحه اصلی پیش بینی نکرده باشید ، احتمالا آنها را از دست خواهید داد . کریس ماهر ، مدیر شرکت بازاریابی M2K در آستین تکزاس می گوید : “ اگر کاربر را خسته و سردرگم کنیم ، بدون آنکه از ما خرید کند ، به سایت دیگری خواهد رفت . این یکی از خطا های مهمی است که آگهی دهندگان مرتکب می شوند . ” بنابراین ، بجای آنکه مخاطب را به صفحه اصلی سایت بفرستیم ، بهتر است او را مستقیما ” به صفحه ای که برای پیشبرد فروش طراحی شده ـ و بنر ها را به آن مرتبط ( لینک ) کرده ایم – هدایت نمائیم . در این صفحه باید محصول یا پیشنهاد خود را به صورت مشروح معرفی کنیم و از مخاطب بخواهیم که با پر کردن فرم محصول را سفارش دهد یا با ما تماس بگیرد . به این ترتیب اگر مخاطب فرم را هم پر نکند ، مطمئن هستیم که پیام ما را دریافت کرده است .                                                                                                                           

 

۳ – تبلیغات خود را هدف گیری کنید .

منظور از تبلیغات هدفگیری شده ، پیام رسانی به مخاطبانی است که دارای علائق مشترک شغلی ، تخصصی ، هنری ، ورزشی و امثال آن هستند . در تبلیغات از طریق بنر این گروه ها را می توان با دسته بندی سایت های نمایش دهنده آگهی از یکدیگر تفکیک کرد ، بطوری که هر آگهی برای گروه خاصی از مخاطبان پخش شود . نا گفته پیداست که به این ترتیب هزینه ها کاهش و بازدهی تبلیغات به میزان درخور توجهی افزایش می یابد .      

۴ – تبلیغات خود را با گروههای کوچک محک بزنید .

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

۵ – بخشی از استراتژی کلی تبلیغات خود را به بنر اختصاص دهید .

تبلیغات معمولا وقتی بیشترین نتیجه رابه بار می آورد که از رسانه ها و روش های مختلف برای رساندن پیام به مخاطب استفاده کنیم . سازمان ها و شرکت های بزرگ و با سابقه این مطلب را می دانند و می کوشند پیام های خود را با رسانه های مختلف به مخاطبان برسانند . این شرکتها معمولا ” از رادیو ، تلویزیون ، سینما ، مطبوعات ، تبلیغات محیطی‌ ( پوستر ، بیلبورد ، اتوبوس ، … ) بخوبی استفاده می کنند و در سال های اخیر روش های مختلف تبلیغات آنلاین را هم به این مجموعه افزوده اند . اگر بودجه شما کفاف تبلیغ در رسانه های گرانقیمت را نمی دهد ، از سایر انواع تبلیغات آنلاین استفاده کنید . درج آگهی در خبرنامه های آنلاین و ارسال ای میل های تبلیغاتی از نمونه هائی است که درکنار تبلیغات بنر می تواند به شما کمک کند .

۶ – در طراحی بنر از گرافیک ، انیمیشن ، و سایر جلوه های بصری بهره بگیرید .

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

منبع : گرافیست سایت |راهکارهای افزایش بهره‌وری بنر های تبلیغاتی
برچسب ها : تبلیغات ,پیام ,آگهی ,طراحی ,صفحه ,مخاطبان ,تبلیغات آنلاین ,صفحه اصلی ,پیشبرد فروش ,سایر انواع ,انواع تبلیغات ,سایر انواع تبلیغات

دسته بندی لوگوها ،آرم ها و نمادهاوشیوه های طراحی لوگو وآرم و نکات طلایی در مورد طراحی لوگو و آرم تجا

:: دسته بندی لوگوها ،آرم ها و نمادهاوشیوه های طراحی لوگو وآرم و نکات طلایی در مورد طراحی لوگو و آرم تجا

لوگو، آرم یا نشانه نمادیست برای بیان کردن یک عبارت کسب و کار و یا القا نمودن یک مفهوم. لوگو ، آرم و یا نشانه عموما بالقوه ترین نقش را در معرفی یک برند یا نام تجاری ایفا می کنند و به بیان ساده تر ریشه اصلی تبلیغات ، بازارسازی و جذب مشتری برای یک کسب و کار ،لوگوی آن مجموعه و کسب وکار محسوب می شود. طراحی نشان تجاری یکی از تخصص های عالی و منحصر به فرد در علم طراحی های گرافیکی محسوب می شود و سابقه طراحی نشانه به زمانهای بسیار بسیار دور بر می گردد، آنجا که انسانهای اولیه برای انتقال مفاهیم مربوط به مثلا شکار در یک نقطه، علائمی را روی دیوار غارها ثبت می کردند و هر کجا آن علامت دیده میشد، مفهوم واحدی را به مخاطب و بیننده منتقل می نمود. از تحولات مربوط به ثبت نشانه ها در دیواره غارها بود که حروف و به تبع آن خط اختراع گشت. امروزه لوگو، نشانه یا علامتی گرافیکی است که توسط سرمایه داران موسسات، صاحبان کسب و کار و حتی اشخاص حقیقی، برای متمایز کردن خود از دیگران در دید مشتریانشان، استفاده می شود.                                                                                                                                                                                                

  • تایپوگرام ها یا آرم های نوشتاری
  • پیکتوگرام ها یا آرم های تصویری
  • ترکیبی از هر دو
  • نشانه های پیامی و شعاری

 تایپوگرام ها:

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

 پیکتوگرام ها:

همانطور که از نامش (pictogram) مخفف picture برمی آید، به آرم های تصویری گفته می شود که توسط اشکال و فرم و خط بدون نوشتار در آنها یا علائم اختصاری حروف ، طراحی می گردند.
این نوع لوگو از پر طرفدارترین و شاید زیباترین طراحی آرم ها باشد. اما معمولا از نظر حرفه ای زمانی استفاده می گردد که شما و نام شرکت شما به خوبی شناخته شده باشد. گاهی شرکت ها ابتدا با آرم تایپوگرام وارد عرصه تجارت گشته و پس از ثبت نام آنها به صورت آرم، در جای جای رد تجاریشان و دهان به دهان گشته شدن برند تجاری شان، اقدام به طراحی آرمی پیکتوگرام برای تجارت خود مینمایند.

 آرم ترکیبی از پیکتوگرام و نوشتار:

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

 نشانه های پیامی و شعاری:

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

 

طراحی لوگو یا طراحی آرم به شیوه نوشتاری:

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

طراحی لوگو یا طراحی آرم به شیوه نوشتاری :

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

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

 

طراحی لوگو یا طراحی آرم به شیوه تلفیقی :

 

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

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

 می توانند یکدیگر را تقویت کنند و یا موجب تثبیت یکدیگر شوند.

رابطه همجواری، بر این اصل استوار است است که نوشتار و تصویر در حکم دو واحد مستقل در کنار یکدیگر قرار می گیرند و هر جزء می تواند به صورت مستقل نیز کاربرد داشته باشد.رابطه تقویت و تثبیت نیز بر این اساس است تا میزان اثر بخشی لوگو دو چندان شود. این تقویت گاهی در حد معرفی نام برند شما در کنار تصویر لوگوی شماست و گاه در قالب ادغام نوشتار و تصویر در حالتی غیر قابل تجزیه صورت می پذیرد. طراحی لوگو به صورت تلفیقی یکی از پر کاربردترین شیوه های مورد استفاده لوگو در کشور می باشد و می توان گفت ضریب بالای ۷۰ درصد کمپانی ها و شرکت های ایرانی از چنین قالب لوگویی جهت معرفی و تبلیغات برند و کسب و کار خود استفاده میکنند.                                                                                                                               

چند تکنیک طلایی در مورد طراحی لوگوهای تجاری

 استفاده از پالت (زمینه) ساده

از میان ۵۰ لوگوی شرکتی که مورد بررسی قرار گرفتند، ۴۳ لوگو تنها از یک یا دو رنگ استفاده کرده بودند. همچنین نتایج نشان می‎داد لوگوهایی که از رنگ آبی و قرمز استفاده کرده بودند، از سایرین محبوبیت بیشتری داشتند.از این رو روانشناسی رنگ بخش مهمی از طراحی لوگو را تشکیل می‎دهد. رنگ قرمز نوعی تندی، پویایی و سرعت را به نمایش می‎گذارد و رنگ آبی آرامش را به مخاطب الغا و اعتماد وی را جلب می‎نماید.هر چه پالت لوگو ساده تر باشد، پیام را واضح تر انتقال می‎دهد. در صورتی که لوگو با رنگ‎های متضادی طراحی شده باشد، در ذهن مخاطب نوعی تشویش ایجاد می‎کند که به جای ترغیب موجب دور شدن مشتری می‎شود.

 مسطح بودن لوگو

نبود برجستگی و سطح صاف بر ارزشمندی لوگو می‎افزاید. در بررسی که صورت گرفته بود، از میان ۵۰ لوگو، ۴۵ لوگو از سطح کاملاً مسطح برخوردار بودند در حالی که ۵ لوگوی دیگر سطحی ترکیبی داشتند به این معنا که قسمتی از لوگو صاف بود. لازم به گفتن است که لوگوی مسطح برای گوشی های همراه، تبلت زیباتر هستند.
  مشورت با مشتریان:

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

 الگوبرداری از لوگوهای دیگر:

استفاده از طرحهای سایر لوگوها و الهام گرفتن از آنها موجب ایجاد یک طرح ترکیبی می‎شود. در بررسی صورت گرفته از میان ۵۰ شرکت، ۳۶ شرکت، لوگوی خود را با توجه به نسخه های مختلف طراحی نموده ‎اند. این کار به ترویج مفهوم کسب و کار تجاری بیشتر کمک می‎کند.
  تغییر تدریجی لوگو:

تغییر ناگهانی و کامل لوگو موجب ایجاد حس بیگانگی میان مشتریان با لوگوی اصلاح شده می‎شود. به همین دلیل تغییرات باید تدریجی صورت بگیرد. برای مثال وب سایت فیسبوک برای تغییر لوگو از موارد جزئی شروع می‎کند و به ندرت تصمیم به تغییر و ویرایش لوگوی می‎گیرد.

                                                                                                                                    

 

                                                                                                   

منبع : گرافیست سایت |دسته بندی لوگوها ،آرم ها و نمادهاوشیوه های طراحی لوگو وآرم و نکات طلایی در مورد طراحی لوگو و آرم تجا
برچسب ها : طراحی ,لوگو ,شیوه ,لوگوی ,استفاده ,شرکت ,طراحی لوگو ,شیوه پیکتوگرام ,بدون نوشتار ,باشد گاهی ,تغییر لوگو ,توسط سرمایه داران ,امروزه لوگو، نشانه ,ن

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

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

PHP هم در بستر سیستم عامل لینوکس و هم ویندوز قابل اجراست اما بر روی سرور لینوکس با Apache بهترین کار کرد را دارد. سرورهای لینوکس از امنیت و پایداری بالایی برخوردارند و همین مورد نیز یکی از دلایل محبوبیت PHP می باشد.

با توجه به آمار سایت w3techs امروزه در حدود 81 درصد سایت های موجود با زبان برنامه نویسی PHP نوشته شده اند که دلیل محبوبیت و استفاده بسیار از این زبان برنامه نویسی وجود امکانات بسیار رایگان نوشته شده به این زبان برنامه نویسی می باشد. هم اکنون PHP دارای اسکریپت های آماده و رایگان بسیاری نظیر سیستم های مدیریت محتوا، فروشگاه سازها، اسکریپت های انجمن ساز می باشد که به آسانی برنامه نویسان PHP می توانند از بسترهای موجود برای طراحی سایت خود استفاده نمایند. در کشور عزیز ما ایران دو زبان برنامه نویسی PHP و ASP.NET بیشترین طرفدار را دارند که از بین این دو PHP به مانند بازار جهانی پر طرفدار تر می باشد و وب سایت های بیشتری بر پایه آن طراحی می گردند.

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

سیستم های مدیریت محتوای محبوب PHP

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

وردپرس

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

جوملا

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

دروپال

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

فروشگاه سازهای PHP

سیستم های مدیریت محتوای فروشگاهی بسیاری به زبان PHP نوشته شده اند و هر یک دارای امکاناتی هستند. در این بخش سه مورد از قویترین فروشگاه سازهای نوشته شده به زبان PHP را معرفی خواهم کرد. این سیستم های مدیریت محتوای فروشگاهی عموما برای طراحی سایت های فروشگاهی مناسب هستند که در بخش زیر به آنها اشاره خواهم کرد.

مجنتو

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

پرستا شاپ

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

اپن کارت

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

در پایان

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

امروزه سبک های طراحی قالب وب سایت جدیدی به وجود آمده اند که با توجه به بهترین تجربه کاربران از وب سایت به وجود آمده اند. ریشه شکل گیری این سبک های جدید طراحی وب سایت در ایجاد ارتباط با کاربر وب سایت به بهترین شکل ممکن می باشد.

 

طراحی دو بعدی 

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

طراحی تک صفحه 

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

طراحی ریسپانسیو

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

طراحی انیمیشنی

وجود بخش های متحرک در وب سایت باعث جذابیت بیشتر وب سایت و پویا بودن آن می گردد و در صورتی که این کار به درستی انجام گردد حس بهتری نسبت به سایت های بدون تحرک در کاربر ایجاد می گردد. قبل از این، برای انیمیشن سازی در صفحه وب سایت مجبور بودیم از فلش برای متحرک سازی المان های مختلف صفحه استفاده نماییم که مشکلی که وجود داشت آن بود که برخی از مرورگرها از فلش پشتیبانی نمی گردند و معمولا فایل های فلش بسیار سنگین تر نسبت به سایر المان های صفحه بودند و باعث کندی وب سایت می شدند. امروزه متحرک سازی معمولا با استفاده از HTML و CSS و کتابخانه های جاوا اسکریپت نظیر JQUERY و MOOTOOLS و ... انجام می گردند که حجم پیاده سازی انیمیشن به مراتب پایین تر از فلش می باشد.

طراحی 3D Design

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

در پایان

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

منبع : گرافیست سایت |طراحی سایت PHP ودلیل محبوبیت آن وسبک های جید طراحی قالب وب سایت و تعاریف آنها
برچسب ها : سایت ,طراحی ,برنامه ,گردد ,مدیریت ,استفاده ,برنامه نویسی ,طراحی سایت ,پیاده سازی ,سیستم مدیریت ,مدیریت محتوای ,زبان برنامه نویسی ,سیستم مدیریت م

طراحی گرافیکی وب سایت چیست؟وتعریفSQL

:: طراحی گرافیکی وب سایت چیست؟وتعریفSQL

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

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

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

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

یک طراح سایت با آشنایی در حد متوسط با این نرم افزار ها و آشنایی با پسوند های عکس های، مخصوصا پسوند گیف ( GIF ) ، می تواند مراحل طراحی گرافیکی سایت خود را جلو ببرد.

البته مهمتر از این مسائل آشنایی با چیدمان مناسب و قرار دادن مطالب در قسمت های مختلف صفحه می باشد.                                                                                                                                                                   SQLچیست؟                                                                                                                                             SQLمخفف Structerd Query Language یکی از محبوبترین زبان ها برای برنامه نویسی تحت وب در طراحی سایت می باشد.بهتر است برای طراحی سایت اس کیو ال را فرا گرفت. از SQL برای افزایش،کاهش و یا تغییر داده ها مورد استفاده قرار می گیرد.
برای یادگیری و تمرین SQL می توان از بانک اطلاعاتی QL-Server و Access ویا اوراکل استفاده کرد.SQL زبانی بر پایه اعلان می باشد و برعکس زبان های بیسیک و سی می باشد.زبانهای توسعه یافیه ی دیگر مانند PL و SQL به دنبال کامل کردن زبان به هداف ایجاد زبان برنامه نویسی با حفظ مزیت های SQL می باشد.                       

اس کیو ال دارای چند استاندارد می باشد که تا به حال عرضه شده است. در طراحی سایت این استاندارد ها شامل:

√ SQL 87
√ SQL 89
√ SQL 92
√ SQL 1999
√ SQL 2003
√ SQL 2005
√ SQL 2008
√ SQL 2011

دستورات زبان SQL پنج دسته هستند که عبارتنداز:
Date Definition Language _ DDL : زبان تعریف داده ها می باشد که با استفاده از این زبان امکان حذف و یا اضافه کردن یک جدول از بانک اطلاعاتی را می توان انجام داد که خوده این زبان دستورات خاص خود را دارد که عارتند از:Create , Alter , Drop , Create Index , Alter Index , Drop Index

Data Manipulation Language _ DML : زبان پردازش داده ها می باشد که با استفاده از این زبان برای تغییر جداول استفاده می شود که این زبان نیز دارای سه دستور اصلی ی باشد که عبارتند از:Insert , Update , Delete

Data Control Language _ DCL : این ویژگی دستورات مدیریت و کنترل داده ها را برعهده دارد که در کنترل داده های بانک اطلاعاتی که بیشتر در رابطه با دسترسی این داده ها به دیگر کاربران است کاربرد دارد.این ویژگی از چهار دستور اصلی پشتیبانی می کند که عبارتند از:Alter Password , Revoke , Grant , Create Synonym

Data Query Language _ DQL : این خاصیت دستورات پرس و جوی داده ها را برعهده دارد که تنها از یک دستور به نام Select تشکیل شده که بیشترین حجم کاری را برای یک کاربر که با SQL کار می کند را برمی گیرد.این دستور باعث گستردگی استفاده از این دستور می شود.

دسته بعد دستورات كنترلي Transaction ها ميباشد كه امكان مديريت تراكنشي بانک اطلاعاتي را براي كاربر فراهم ميسازد . كه از دستورات زير تشكيل شده اند : Commit , Rollback , Savepoint , Set Transaction

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

SQL چیست؟

از SQL برای برقراری ارتباط با پایگاه داده استفاده می شود. همانطور که قبلا نیز گفته شد، SQL یک زبان برنامه نویسی است که در طراحی سایت مورد استفاده قرار می گیرد. بر اساس ANSI (موسسه استاندارد ملی آمریکا)، SQL زبان استاندارد برای سیستم های مدیریت ارتباط پایگاه داده است. دستورات SQL برای انجام وظایفی مانند به روز رسانی داده در یک پایگاه داده، و یا بازیابی اطلاعات از یک پایگاه داده استفاده می شود.

برخی از سیستم های مدیریت ارتباط پایگاه داده که از SQL استفاده می کنند عبارتند از: اوراکل (Oracle)، سایبیس (Sybase)، مایکروسافت SQL سرور،اکسس (Access)،انگر(Ingres) و غیره. دستورات استاندارد SQL مانند "انتخاب"، "Insert"، "به روز رسانی"، "حذف"، "ایجاد"، و " Drop" تقریبا برای انجام تمام کارهایی که در پایگاه داده لازم است می توان استفاده کرد.

تاریخچه SQL

SQL برای اولین بار در IBM توسط Donald D. Chamberlin و Raymond F. Boyce در اوایل دهه 1970 توسعه پیدا کرد. این نسخه، در ابتدا SEQUEL (زبان جستجوی انگلیسی ساختار یافته) نامیده می شد، به منظور اداره کردن و بازیابی داده های ذخیره شده در سیستم مدیریت پایگاه داده شبه ارتباطی اصلی IBM طراحی شد، که یک گروه در آزمایشگاه تحقیقاتی IBM در شهر سن خوزه در جنوب سنفرانسیسکو در طول دهه 1970 آن را گسترش دادند.

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

 

منبع : گرافیست سایت |طراحی گرافیکی وب سایت چیست؟وتعریفSQL
برچسب ها : سایت ,داده ,طراحی ,زبان ,استفاده ,دستورات ,طراحی سایت ,پایگاه داده ,برنامه نویسی ,طراحی گرافیکی ,بانک اطلاعاتی ,مدیریت ارتباط پایگاه ,زبان برنا

سیستم مدیریت محتوا در طراحی سایت چیست؟

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

البته این سیستم مدیریت محتوا برای وب سایت های داینامیک در نظر گرفته می شود. زیرا وب سایت های استاتیک را فقط از طریق کد نویسی می توان تغییر داد و مهمترین فرق یک وب سایت استاتیک و داینامیک، در مقوله پویا بودن و داشتن مدیریتی برای ویرایش محتوای آن می باشد.

البته مسلئه داینامیک بودن و ویرایش که در اینجا گفته ایم مربوط فقط به محتوای سایت می باشد و برای اضافه کردن ماژولی خاص نیاز به دانستن علم طراحی سایت می باشد، زیرا برای تغییرات قالبی و ساختاری ، سیستم مدیریت محتوای گفته شده کاربردی نخواهد داشت.                                                                    

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

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

                                                                

منبع : گرافیست سایت |سیستم مدیریت محتوا در طراحی سایت چیست؟
برچسب ها : سایت ,طراحی ,مدیریت ,محتوای ,محتوا ,سیستم ,طراحی سایت ,مدیریت محتوا ,سیستم مدیریت ,مدیریت محتوای ,همچنین امنیت ,سیستم مدیریت محتوا

جدا سازی مطالب از الگو سایت

:: جدا سازی مطالب از الگو سایت

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

تنها یک روش برای انجام این کار وجود ندارد. از آنجاییکه با ظهور تکنولوژیهایی نظیر CGI، ASP، و PHP که به برنامه نویسان این امکان را مدهد تا بطور دینامیک صفحات سایت خود را تولید کنند، از این رو بسیاری از شرکتها روشهای خلاقانه ای را در ساخت نرم افزارهایی تحت وب بکار برده اند که از این مفهوم استفاده می کند.

ظرف چند سال گذشته، جامعه اینترنتی، سعی در تولید مجموعه استانداردهایی برای ساخت و طراحی سایت کرده است. یکی از آن تکنولوژیهای جدید، CSS نام دارد.عملا چیز جدیدی در روشی که CSS در نمایش صفحات بکار می برد وجود ندارد. CSS به برنامه نویسان این اجازه را می دهد تا استایلی را برای هر تگ html تعریف کنند. این روش، مشابه روشی است که برنامه نویسان در قدیم با اتصال متغیری به هر تگ html، استایل آن را تعریف می کردند. تفاوت اصلی آن است که تعاریف CSS، می توانند با اکثر مرورگرهای موجود، تفسیر شوند در حالیکه در روشهای قدیمی، موتور تولید صفحات دینامیک، تفاسیر را انجام می داد.

سازمان استانداردهای اینترنتی W3C، برنامه نویسان و طراحان را با افزایش قابلیتهای کنترل روی ظاهر صفحات، به استفاده از CSS تشویق می کند. اختیارات جدیدی که CSS می دهد در زبان توصیفی HTML وجود ندارد. شکی وجود ندارد که این یک حرکت هوشمندانه بوده است. برنامه نویسان مجبور شده اند تا برای رسیدن به صفحاتی جذاب از CSS که از اصل جداسازی مطالب از الگوی سایت، پشتیبانی می کند استفاده کنند. متاسفانه CSS آنطور که باید جایگاه خود را براحتی در مسیر اینترنت پیدا نکرد چراکه بخاطر مشکلات ناشی از سازگاری با اکثر مروزگرها، استفاده از CSS معضلاتی را پدید آورد. امروزه CSS توسط اکثر مرورگرها پشتیبانی میشود درحالیکه CSS2، که نسخه جدیدتری از CSS است هنوز با مشکلات سازگاری با مرورگرها دست و پنجه نرم می کند.

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

XML (زبان نشانه گذاری قابل بسط) بعنوان استانداردی برای نمایش خالص مطالب مورد قبول قرار گرفته است. OFX (تبادل مالی باز) خویشاوندی نزدیک از XML است که بطور گسترده ای توسط انستیتوهای مالی مورد قبول قرار گرفته است.

نیاز به نمایش مطالب به روشی استاندارد که آنها را از هر گونه المان طراحی جدا کند، در آن زمانها خیلی ضروری بنظر می رسید بطوریکه برای اولین بار در تاریخ نرم افزاری جهان، سه شرکت غول نرم افزاری (سان، آی بی ام، و مایکروسافت) عملا هر کدام با یکدیگر به توافق رسیدند و تقریبا یک شبه، XML بوجود آمد و توسط بسیاری از خبرگذاری ها و گردآورندگان مطالب، مورد قبول قرار گرفت.

ولی هنوز این مفهوم، بطور کامل پیاده سازی نشده بود. CSS با استایلها سر و کار دارد درحالیکه XML با محتویات و مطالب. ولی الگوی سایت چه؟ همه روزه بیش از هزاران سایت های جدید بوجود می آیند. همه روزه بیش از میلیونها صفحه جدید، به دیتابیس سراسری شبکه جهانی وب اضافه می شود. وبمستران به این نتیجه رسیده اند که تنها تغییر در رنگ پیش زمینه و رنگ فونتها ممکن است برای تازه نگاه داشتن سایت برای رقابت با دیگر وب سایتها کافی نباشد. در هر صورت، تغییر در الگوی سایت می تواند در مواردی تلاش زیادی را نیاز داشته باشد چراکه اینکار نیازمند ویرایش در سورس صفحات است. برای حل این مشکل، XSL بوجود آمد. XSL مجموعه ای از قوانینی است که می توانند الگوی صفحات را توصیف کنند. با ترکیب XSL و XML (و گهگاه CSS)، خروجی نهایی، فایل HTML معتبری خواهد بود.

XSL، از لحاظ مکانیزم بسیار شبیه به دیگر صفحه سازهای دینامیک است. با توجه به این حقیقت که XSL بدون پلتفرم است و وابستگی به آن ندارد، بزرگترین مزیت آن، این است که می تواند بر روی کامپیوتر کاربران یا کلاینت، اجرا شوند. وب سرور، مطالب را در فرمت XML و الگو را در فرمت XSL، به کلاینت می فرستد. با انجام اینکار، حجم کار CPU سرور کمتر شده و نیز بارگذاری صفحات سریعتر می گردد که منجر می شود سرور بتواند با سرعتی بیشتر، به کارهای دیگری بپردازد. در هر صورت، XSL، توسط اکثر مرورگرها پشتیبانی نمی شود. در نتیجه بر خلاف XML، XSL بسادگی مسیر خود را در بازار پیدا نکرد.                                                                                                                                                             پیش از آنکه پشت میز کار خود برگردید و شروع به اصلاح سایت خود بر طبق این استانداردهای اساسی کنید، باید بدانید که این تکنولوژیها واقعا در اکثر مواقع نیاز نمی باشند. در حقیقت، استفاده از آنها در مواقعی که ضروری نیست می تواند منجر به مشکلاتی برای شما شود. CSS معمولا منجر به این نخواهد شد تا سیستم شما کندتر شود. تنها کافی است تا سعی کنید که فایلهای CSS خود را به کمترین حجم ممکن برسانید. بسیاری از برنامه نویسان وب، فایلهای CSS بزرگی را نگاه داری می کنند که در آنها تعاریفی غیر مستعمل وجود دارد. تصمیم بر سر اینکه از XML استفاده کنید یا نه، تصمیم بزرگی خواهد بود. چنانچه سایت ، صفحات را بصورت دینامیک با دیتابیسهایی نظیر MySQL، می سازددر اینصورت افزودن XML، بشدت بر کارایی سایت شما تاثیر منفی خواهد داشت. در برخی اوقات، شما انتخاب دیگری ندارید و نیاز دارید تا سخت افزارتان را ارتقا دهید تا راندمان سایت حفظ شود. هیچ قانون سر انگشتی برای این موضوع وجود ندارد. تصمیم گیری باید بسته به هر سیستم و نیازهای مهندسی آن صورت گیرد. سعی کنید آنچه را که سایت شما در آینده بعنوان خدمات اراده می دهد را پیش بینی کنید. برای سایت تان درست تصمیم گیری کنید و این کار را در گام اول انجام دهید تا از بسیاری از مشکلات در آینده بر حذر باشید.

منبع : گرافیست سایت |جدا سازی مطالب از الگو سایت
برچسب ها : سایت ,مطالب ,برنامه ,استفاده ,نویسان ,صفحات ,برنامه نویسان ,وجود ندارد ,سازی مطالب ,مورد قبول ,قبول قرار ,اکثر مرورگرها پشتیبانی

مقایسه طراحی سایت مسطح و چند بعدی

:: مقایسه طراحی سایت مسطح و چند بعدی

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

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

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

جوانب منفی

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

طراحی چند بعدی
منتقدان طراحی مسطح در مورد ریشه حذف تمام اسکیوفورم ها حتی آن های که مفید هستند، بحث میکنندحال وارد طراحی چند بعدی میشویم.مرور کردن لایه های معنایی بی شماری از ویرایش عکس –جدا از عمق دهی سایه ها  ، ظواهر و انیمیشن ها- شیپور خاموشی بر بحث فوق خواهد بود چرا که اهمیت  و توانایی طبیعت ما را در مورب کردن عمق نشان میدهد.
طراحی سه بعدی برای افراد نا آزموده یک طراحی استاندارد گسترش یافته توسط گوگل است و در این مستند گذاشته شده است.این طراحی دارای خصوصیات منحصر به فرد و ویژگیهای بیشماری است، اما شاید مهترین آن استفاده از محور Z در این سبک طراحی است.اساسا اضافه کردن یک مقدار اسکیومورفیسم به طراحی مسطح یک طراحی دوبعدی را به وجود می آورد و به نوعی طراحی مسطح با کمی پیشرفت به سطح طراحی دو بعدی شناور خواهد رسید.
یک تکه کاغذ را در نظر بگیرید؛آن را یک بار منبسط و بعد منقبض کنید و مجدد آن را به شکل اولیه خود برگردانید.و حالا تکه ها را مانند خرمن روی هم قرار دهید. حال روی آنها یک المان از سایت را نقاشی کنید.این دقیقا همان معنی طراحی فوق است.
شاید این توضیحات دقیقا معنی طراحی چند بعدی نباشد اما به هر حال مستندی است که برای این طراحی وجود دارد و این چیزی نیست که به عنوان یک قانون وجود داشته باش پس بهتر از برای این نوع طراحی فراتر از چهارچوب فیزیک فکر کنید و برای آینده الگویی طراحی کنید.این طراحی همچنین با معیارهای جهانی سازگاری دارد، پاسخگوی تمام سایزهای مختلف صفحه نمایش است و حتی با صفحه نمایش هایی با اشکال متفاوت مثل ساعت اندروید.آنها همچنین برای تعداد زیادی از اپلیکیشن های امروزی قابل ارتقا هستند.
این سبک استاندارد طراحی اپلیکیشن های اندروید است و برای وسایل الکترونیکی پوشیدنی هم استفاده میشوند.به هر حال لازم است که در سیستم عامل IOS  هم به نوعی از این سبک استفاده شود اما چون گوگل اصرار به حفظ و نگه داری حالت ظاهری خود دارد به همین دلیل مناظره های در دست اقدام بین این دو شرکت وجود دارد که تا آن زمان تصمیم گیری انتخاب بین آنها بر عهده شماست.
جوانب مثبت

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

جوانب منفی

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

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

منبع : گرافیست سایت |مقایسه طراحی سایت مسطح و چند بعدی
برچسب ها : طراحی ,استفاده ,مسطح ,سایت ,مورد ,وجود ,طراحی مسطح ,استفاده کنید ,وجود دارد ,باعث میشود ,جوانب منفی

نکات مهمی برای توسعه بخشیدن به طراحی SEO سفید

:: نکات مهمی برای توسعه بخشیدن به طراحی SEO سفید
طراحی مهم‌ترین و کلیدی‌ترین عامل موفقیت است. اغلب مردم به‌اشتباه باور دارند که طراحی‌های سئو سفید خیلی کارآمد نیست. موتورهای جستجوی استاندارد بهترین راه برای فهمیدن اهمیت طراحی خوب برای کاربران است.                                                                                                                                                 

بهینه‌سازی طراحی وب‌سایت  از نظر سئو :

کیفیت محتویات مهم است اما تنها بخش از استراتژی بهینه‌سازی شما نباید باشد.

نکاتی برای کاربر و هدایت‌گر و ساختارگرایی :

  1.  با طراح وب مشورت کنید و یک گروه برای تمرکز روی ساخت وب‌سایت تشکیل دهید.
  2.  محتویات را با ارتباط و منوی توصیفی گروه‌بندی کنید. این امر به کاربران کمک می‌کند تا راحت‌تر به اطلاعات دست پیدا کنند.
  3.  از لینک‌های متنی برای پشتیبانی از هدایت‌گر و مطالب سایت استفاده کنید.
  4.  از هدایت‌گر Breadcrumb (خرده‌نان) در وب سایتتان برای راحتی کار کاربران استفاده کنید.
  5.  صفحه اصلی خود را انتخاب کنید و اطلاعات لازم را در آن قرار دهید.
  6.  بالای صفحه اصلی لوگو و پیام اصلی و هدایت‌گر سایت را قرار دهید.
  7.  الگوی وب‌سایت خود را خیلی عوض نکنید.
  8.  از اسکرول افقی در سایت استفاده نکنید.
  9.  سرعت برگزاری صفحه وب سایتتان را با روش‌های مختلف افزایش دهید.
  10.  از راهنمای وب مستر گوگل استفاده کنید.
  11.  از تصاویر غیرضروری در صفحه خود استفاده نکنید.

 

بهینه‌سازی محتویات:

  1. از متن‌های خیلی طولانی در صفحه استفاده نکنید زیرا باعث کاهش رتبه صفحه شما خواهد شد. می‌توانید برای این مسئله از آنالیزور کلیدواژه استفاده کنید.
  2. از عنوان‌های HTML استفاده کنید که شامل توصیف و سودمندی موتورهای جستجو می‌شود.
  3. از تصاویر مرتبط و مناسب در صفحه‌تان استفاده کنید.
  4. اگر می‌خواهید متن شما سریع‌تر لود شود به آن تصویر اضافه نکنید.

 

طراحی وب سایت و عنوان‌های بازاریابی :

  1.  از رابطه مستقیم برای برقراری ارتباط با کاربران استفاده کنید.
  2.  درک مکالمات را برای کاربران هرچه بیشتر ساده کنید.
  3.  با استفاده از مطالب پربار و معتبر به وب‌سایت خود ارزش و اعتبار ببخشید.
  4.  مطلب و محتویات قابل اشتراک‌گذاری در سایت قرار دهید.
  5.  از تصاویر پویا و توصیفی استفاده کنید.
  6.  همیشه در وب سایت چندملیتی از قابلیت‌های چندزبانه به‌ویژه زبان انگلیسی نیز استفاده کنید.
  7.  مطمئن شوید که جای اضافی برای بنرهای تبلیغاتی در سایت دارید.
  8.  از اطلاعات مرتبط برای کمک به کاربران و پیشنهاد‌ها به آنان استفاده کنید.
  9.  یک طراحی کاربرپسند و جذاب در کسب رتبه‌های بهتر و جذب لینک‌های معتبر مفید می‌باشد.

 

جنبه‌های تکنیکی و فنی وب‌سایت SEO-friendly :

  1.  از طراحی سایت‌های بر پایه فلش به‌صورت کامل خودداری کنید. به‌جای آن می‌توانید از برخی افزونه‌های JavaScript یا jquery برای اعمال برخی افکت‌های لازم استفاده کنید.
  2.  از فلش برای هدایت‌گر استفاده نکنید.
  3.  از جاوا اسکریپت و ای جکس (Ajax) استفاده نکنید چون استفاده از آن‌ها لزومی ندارد و موبایل‌ها نیز با جاوا اسکریپت مشکل‌دارند.
  4.  اطمینان حاصل کنید که طراحی وب‌سایت مطابق با استاندارد رزولوشن صفحه‌نمایش‌ها باشد. به‌طورمعمول باید طراحی وب‌سایت خود را برای اندازه ۱۰۲۴ در ۷۶۸ پیاده‌سازی کنید. همچنین می‌توانید از اطلاعات Google Analytics برای دریافتن اینکه بیشترین رزولوشن مورداستفاده کاربران چه چیزی است استفاده کنید.
  5.  مرورگرهای مختلف را آزمایش کنید تا مطمئن شوید رندرینگ طراحی وب‌سایت شما مناسب بوده و در اجراشدن در مرورگرهای مختلف ایرادی ندارد.
  6.  برای اینکه محتوای سایت شما توسط روبات‌های Spider موتورهای جستجو بازبینی شوند، افزونه‌های فلش و دیگر پلاگین ها را غیرفعال کنید. به‌جای آن‌ها می‌توانید از  ابزار Spider View و ابزار Web SEO Analysis بهره‌مند شوید.
    درنهایت باید گفت که فراموش نکنید توانایی‌هایی که برای رضایت کاربر نیاز دارید فقط به کیفیت خوب محتویات موتور جستجو مربوط نمی‌شود. بلکه یک طراحی مناسب هم به همان اندازه تأثیرگذار خواهد بود.
منبع : گرافیست سایت |نکات مهمی برای توسعه بخشیدن به طراحی SEO سفید
برچسب ها : استفاده ,طراحی ,سایت ,نکنید ,کاربران ,وب‌سایت ,استفاده کنید ,استفاده نکنید ,طراحی وب‌سایت ,قرار دهید ,جاوا اسکریپت

چگونه عالی ترین ترکیب های رنگی را در طراحی سایت ایجاد کنیم؟وبایدها و نباید هایی که در طراحی سایت لاز

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

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

چرخه رنگ هنوز یک ابزار کاربردی برای بزرگسالان است. میتواند  کمک کند که در رابطه با رنگ ها و نحوه ارتباطشان با یکدیگر فکر کنید. این یک روش کارآمد است که هارمونیه بین دو یا چند رنگ توسط آن تشخیص داده میشود. چرخه رنگ شامل دسته بندیه رنگ های اصلی، رنگ های ثانویه و سومین گروه رنگ ها میباشد. که هرکدام ازین ترکیبات در اینجا آورده شده اند :
رنگ های اصلی : قرمز ، زرد ، آبی
رنگ های ثانویه : سبز ۀ ارغوانی ، نارنجی ( ترکیبی از دو رنگ اصلی )
سومین گروه رنگی : لاجوردی، بنفش ، گلی ، پرتقالی-قرمز ، سبز فسفری ، سبز روشن ( ترکیبی از رنگ های اصلی و ثانویه )
چگونگی ترکیب رنگ ها در چرخ رنگ مهم است به بهتر کار کردن با رنگ ها کمک میکند.
مشابه : سه رنگ چیده شده در کنار هم در چرخ رنگ
مکمل : رنگ های روبروی هم در چرخ رنگ
شکاف مکمل : رنگی که در دو طرف رنگ های روبروی هم در چرخ رنگ قرار گرفته است.
مکمل دوم : سخت ترین قسمت برای ایجاد کردن پالت رنگی به این بخش اختصاص میابد که به این مفهوم است که شما با استفاده از یک رنگ اصلی و مکمل از دو رنگ روبرو در چرخه رنگ استفاده میکنید. ( این رنگ ها برای تناژ و ته رنگ مورد استفاده قرار میگیرد)
تک رنگ : یک رنگ و واریته ی آن رنگ
سه گانه : اتخاب سه رنگ با فاصله ی یکسان در چرخه ی رنگ
اغلب چیدمان رنگ ها، ابزاری شبیه سازی شده از چرخ رنگ هستند که به شما در انتخاب رنگ کمک میکنند. بنابراین در حقیقت هیچ راهی پیرامون این قسمت از طراحی وجود ندارد.
سیاه ، سفید و مواد بی رنگ و خنثی
به طور محض یک پالت رنگی یک پالت رنگی بیشتر از یک یا دو رنگ روشن است. قابل بحث است که مهمترین رنگ ها در یک جعبه رنگی ممکن است رنگ هایی باشند که در حقیقت دیده نمیشوند. سیاه، سفید و رنگ های خنثی.
این رنگ ها موارد کاربردی زیادی دارند. آنها اغلب قسمتی از یک تصویر زمینه هستند، برای ایجاد حس گرما یا سرما برای یک پروژه به کار میروند و به طور کلی به منطور هدایت کردن در تایپوگرافی ها و دیگر نشانه های هدایتی قابل استفاده میباشند.
تناژ و ته رنگ
تعدادی از طراحان تصمیم گرفتند که از چرخه رنگ تعدادی از رنگ ها را انتخاب کنند و از آنها به طور مستقیم استفاده کنند. این زمانی است که تناژ ، ته رنگ و سایه خلق شده است.
ته رنگ : رنگ به اضافه سفید
سایه : رنگ به اضافه سیاه
تناژ : رنگ به اضافه خاکستری یا سیاه و سفید
این موارد رنگ را تغییر میدهد و به شما واریانسی از رنگ در جعبه رنگی ارایه میدهد. وقتی قرار بر ایجاد یک ترکیب رنگی است ، ته رنگ ها ، تناژ ها و سایه ها به کمک شما می آیند تا با استفاده از آنها پالت رنگی شما بین دو یا سه رنگ گسترش پیدا کند بنابراین تمامی رنگ ها از یک خانواده رنگی خواهند بود. نمونه این کار زمانیست که شما در تایپوگرافی از برجسته کردن و مورب کردن کلمات استفاده میکنید.
از رنگ های تند با احتیاط استفاده کنید
تعداد زیادی از رنگ های تند وجود دارندو در حالی که استفاده کردن از آنها به مقدار کم میتواند خوب و جذاب باشد استفاده ی طولانی مدت از این رنگ ها باعث ایجاد مشکل میشود. اگر میخواهید از رنگ های تند استفاده کنید فقط یک رنگ را مد نظر قرار داده و آن را داخل پالت رنگی خود قرار دهید.
در حالت معمول، شما میخواهید یک جعبه رنگی ایجاد کنید که در برابر گذر زمان مقاومت کند و بتوان از آن بارها و بارها استفاده کرد. ( رنگ یک حامی و یاری دهنده مهم برای هویت یک برند است. ) کار کردن با یک جفت رنگ که برای شماست و اضافه کردن یک رنگ تند که شما آن را در نظر گرفته اید بیشترین تاثیر را در کار شما دارد. ( بدین ترتیب وقتی که زمان استفاده از یک رنگ تند به پایان رسید شما میتوانید یک قدم به عقب برگردید و از یک تم رنگیه دیگر استفاده کنید. )
از تعداد محدودی رنگ استفاده کنید
استفاده کردن از رنگ ها بسیار خوب است تا زمانی که در حد اعتدال و با هدف خاصی انجام شود. شما به 5، 10 یا 15 رنگ در جعبه رنگی خود نیاز ندارید. بهترین ترکیبات رنگی اغلب شامل گروهی از دو یا سه رنگ همراه با یک بک گراند خنثی هستند.
چرا؟ در یک طراحی هر رنگی با هدف خاصی مورد استفاده قرار میگیرد و کار خاصی در طراحی انجام میدهد. تعداد رنگ ها زیاد است و هرنگ هدف مشخصی دارد. در بهترین طراحی های وبسایت و ترکیبات رنگی هر رنگی نقش مشخص خورد را دارد و کاربر میتواند با رنگ ها که طراحیه آنها باعث استفاده راحت تر از وب سایت شده است ارتباط برقرار کرده و همراه شود. ( به عنوان مثال اکثر طراحان از رنگ های یکسانی برای هر دکمه در یک وبسایت استفاده میکنند ).
رنگهای مشمول برای عناصر متنی
وقتى شما يك تركيب رنگ ميسازيد،لازم است به اين فكر كنيد كه قرار است براى متن از چه رنگى استفاده كنيد.جدا از اينكه متن ها تنها به رنگ سياه،سفيد يا خاكسترى هستند،در بعضى موارد براى ايجاد يك المان واحد از رنگ يا رنگ هاى ديگر هم استفاده ميشود.
اين رنگ ميتواند شامل هر رنگى كه قابل خواندن و كاربرپسند باشد مورد استفاده قرار گيرد.مهمترين موضوع در انتخاب رنگ اين است كه رنگ انتخابى به خواناتر شدن متن كمك كند.متون نيازمند اين هستند در بعضى موارد به كمك كنتراست(سايه روشن و تيره) با رنگ زمينه ارتباط برقرار كند تا متن راحت تر ديده و خوانده شود.
رنگ استفاده شده براى متن هاى نوشته شده به منظور نامه نگارى ميتواند الهام گرفته شده از رنگ هاى استفاده شده در صفحه و يا تصاوير ان صفحه باشد و شما اين رنگ خاص را مخصوص نامه نگارى در نظر بگيريد.
رنگهايى با الهامات متنى و محتوا
(رنگهايى كه توسط متن و محتواى نوشته شده انتخاب ميشوند)
بهترين تركيب رنگها اين چنين نيست كه تمامى انها هارمونى و يك حس باشند،اما دليل انتخاب ان رنگها تطابقى است كه با محتواى متنى دارند.
در نظر داشته باشيد كه ايا با توجه به محتواى متنى رنگها را درست مخلوط كرده ايد؟
در برخى موارد اين موضوع ميتواند يك مشكل آشكار و يك راه حل مشخص باشد.وب سايت هايى كه زمينه كارى آنها با طبيعت و يا محيط زيست باشد احتمالا از رنگهاى سبز يا قهوه اى استفاده ميكنند؛وب سايت هاى بانك ها اغلب به رنگ آبى هستند چرا كه رنگ آبى در بيننده حس اعتماد را ايجاد ميكند.
اين موضوع در بعضى موارد راه ساده اى نخواهد بود.وقتى شما در شك و ترديد قرار گرفتيد،به تصوراتى كه براى طراحى سايت وجود دارد،مراجعه كنيد.در اين موارد بهترين پيشنهاد ميتواند كمك گرفتن از ساختار ابتدايى و رنگ هاى استفاده شده در جاهايى كه با شما هم موضوع هستند،باشد.به انجا مراجعه كنيد و ساختار اوليه رنگ ها را شروع كنيد.
با يك پالت رنگى جلو برويد.
در ابتدا وقتى در حال ايجاد يك تركيب رنگى عالى هستيد،پالت رنگى را انتخاب كنيد كه شامل رنگهاى استفاده شده در پروژه طراحى باشد.براى خودتان قانونى را در نظر بگيريد و در آن مشخص كنيد هر رنگ در كجا و چگونه بايد استفاده شود.
براى شروع ابتدا به سوالات زير پاسخ دهيد:
● چه تعداد رنگ براى اين طراحى نيازمنديد؟
● آيا در اين طراحى از سايه ها،تناژ و يا ته رنگ ها استفاده ميكنيد؟
● متن ها ميتوانند رنگى باشند؟
● آيا رنگ انتخابى ميتواند يك واحد خاص باشند؟
● آيا يك مد رنگى بيرونى متواند به حالت ميكس به پالت رنگى اضافه شود؟
نتيجه گيرى
وقتى صحبت از رنگ به ميان مى آيد،انتخاب هاى زيادى از پالت هاى رنگى فوق العاده پيش روى شما قرار ميگيرد.رنگ انتخابى به نظر جذاب ميرسد و حس درستى را انتقال ميدهد؟شايد به نظر مثل يك امتحان ساده باشد اما بسيار مهم است.اگر نسبت به رنگ انتخابى مطمئن نيستيد، مجددا به هدف مورد نظر فكر كنيد و يا به عقب برگرديد و تئورى موجود را بررسى و تغيير لازم را در انتخاب رنگ به وجود اوريد.
به ياد داشته باشيد براى پالت رنگى خود تضاد (كنتراست) و يا اختلاف ( واريانس) در نظر بگيريد.با انتخاب رنگ خود يك حس در بيننده ايجاد كنيد.و به خاطر بسپاريد براى هماهنگى رنگ انتخابى با محتواى متنى از تجربه و نظرات كاربران نيز كمك بگيريد.                                                                                                                                                                                   بایدها و نباید هایی که در طراحی سایت لازم است در نظر بگیرید:                                                              دنیای سایبری وب استانداردهایی دارد که در شمال ، جنوب ، شرق و غرب به یک صورت بسط داده شده است.که این فضای سایری تقریبا در تمام نقاط زمین از گسترده ترین فضا ها تا گوشه های یک اتاق را در بر میگیرد.فضای سایبری طوری با زمین اجین شده است که گویا هیچ زمانی از آن جدا نبوده.فضای سایبری مانند یک خانواده پر جمعیت از عنکبوتان است که در سراسر دنیا میخزند و تارهای اینترنتی را در تمامی فضا ارتباطات لازم را ایجاد میکنند.

فرض کنید تصمیم به ایجاد وب سایت داشته باشید.شاید هیچ زمانی بهتر از الان نباشد که شما اقدام به انجام این کار کنید و استعداد فوق العاده عنکبوت ها را مدیریت ترافیک وب سایت خود مشاهده کنید.
وقتی شما در ابتدا شروع به طراحی سایت خود در اینترنت میکنید شما نیاز دارید که در مورد کلیدواژه ها درس هایی را بیاموزید.وقتی شما تصمیم میگیرید که راجع به نحوه جست و جو کلید واژه ها در وب سایت تحقیق کنید، متوجه وب سایت هایی میشوید که از سراسر جهان در لیست شما قرار میگیرند.ما در مورد کلیدواژه های سال چیزهای زیادی میشنویم،اما واقعا کسی راجع به آنکه این کلیدواژه ها دقیقا چه چیزهایی هستند،کجا میتوان آنها را یافت و یا چگونه کار میکنند،توضیح درستی نداده است.لین درس به شما نشان خواهد داد که کلیدواژه ها چگونه کار میکنند و چگونه میتوان از آنها در طراحی وب سایت مشتری ها استفاده کرد.
اولین موردی که باید در آن تمرکز لازم را به خرج بدهید این است که قبل  ازشروع ایجاد وب سایت خود،در طول ایجاد آن،حتی بعد از آن این کلیدواژه ها را در نظر داشته باشید.آنها به موتورهای جستجو میگویند که در هنگام پیمایش وب به دنبال آنها بگردد و اجازه میدهد جستجوگران به وسیله کلیدواژه های موجود به لینک وبسایت شما منتقل شوند.
وقتی صحبت از کلید واژه به میان می آید باید اول تصمیم بگیرید که وب سایت در مورد چه موضوعی است.بررسی کنید که دلایل ایجاد وب سایتتان چیست،آیا وب سایت برای فروش یک محصول است سا یک سرویس دهی و یا شاید ایجاد یک فروشگاه خرید اینترنتی آنلاین؟
  اگرهدف شما بررسی موضوع سایت شما با ترکیبی از گروهی از سرویس ها ایجاد یک فروشگاه اینترنتی در سیاتل است.خیلی از مردم اجازه میگیرند تا از الگو سات شما استفاده کنند و یابت خودشان را به وجود آورند.شاید این موضوع برای یک سری افراد کارامد باشد،اما اکثر قریب به اتفاق احتیاج دارند تا سایتی مخصوص خودشان و با توجه به درخواست خای شخصی آنها طراحی شود.خوشبختانه سایت هایی وجود دارد که به شما این امکان را میدهد که بدون دانش برنامه نویسی وب سایت خود را ایجاد کنیداما ممکن است در این راه به منوانعی برخورد کنید.
چیزی که به آن احتیج دارید این است که علاوه بر داشتن یک نام دامنه برای وب سایتتان یک میزبان نیز برای آن بیابید. میزبان وب، وظیفه پشتیبانی سایت شما را دارد چرا که سایت شما و یا هر سایت دیگری که در هر جای دیگر ایجاد شود، نیاز به یک میزبان دارد. میزبان وب به شما یک آدرس ایمیل میدهد و فضایی برای ایجاد صفحات فعلی وب سایت شما و صفحاتی که در آینده قرار است به آن اضافه شود را به شما میدهد.خیلی از مردم به دنبال شرکت های میزبانی هستند که علاوه بر میزبان شدن بتوانند در ایجاد سایت هم به آن ها کمک کنند.
شما نیاز دارید صفحات وب خود را ایجاد کنید. اگر دانش HTML را میدانید یا تمایل دارید که HTML را یاد بگیرید مطمئننا قادر به انجام آن هستید اما چرا به جای قرارداد بستن با یک شرکت طراحی وب سایت آنلاین، خودتان را عذاب دهید.برای اکثر مردم این راه بهترین کار ممکن است.چیزی که شما مثلما نمیخواهید انجام دهید این است که طراحی خود را بدون برنامه عملی قبلی ایجاد کنید.
اصرار برای استفاده از کلید واژه ها در صفحه اصلی سایت شما به این دلیل است که اولین چیزی که بیننده با ورود به سایت شما میبیند، صفحه اصلی شماست.بازدیدکنندگان شما با استفاده از صفحه اصلی وب سایت شما میتوجه خواهند شد که موضوع وب سایت شما راجع به چیست.استفاده از کلیدواژه ها در تمامی وب سایت باعث میشود در هنگام جست و جو وب سایت شما در لیست پیشنهادی قرار گیرد.
از کلیدواژه ها در تیتر صفحات خود و در تیتر جهت یابی سایت خود استفاده کنید.از کلید واژه سایت هایی که دارای رتبه بالایی هستند میتوانید استفاده کنید. این موضوع به عنکبوت ها (که قبلا راجع به آنها صحبت شد) کمک میکند تا راحتتر وب سایت شما را انتخاب کنند.این دقیقا همان راهی است که باعث میشود وب سایت شما به عنوان اولین  نتیجه جست و جو نمایش داده شود.این موضوع باعث انگیزه خوبی در بازدیدکنندگان سایت شما میشود تا مجدد به وب سایت شما بازگردند تا از سرویس های متفاوتی که دارید استفاده کنند.
در مقاله ای که در مورد آن توضیح دادیم به شما کمک شد تا بتوانید در صفخات مختلف سایت خود کلماتی را ایجاد کنید که در موتور جستجو باعث انتخاب سایت شما میشود.از طرفی با وجود سرویس های مختلف در وب سایت شما این مساله ممکن میشود که راهی برای بازدیدکنندگان باز شود تا بتوانند سوال خود را در مورد سرویس ارائه شده بپرسند و تصمیم نهایی خود را بگیرند.
اگر سایت شما 6صفحه دارد، شما باید از 5 کلیدواژه در تیتر استفاده کنید، 5 کلیدواژه دیگر در نوار جهت یابی ، که در کل تعداد آن ها به 30 میرسد. این عدد با 6 کلیدواژه دیگر در هر صفحه جمع میشود و  به عدد 36 میرسد،سعی کنید عدد کلی را به 71 برسانید تا موتور جستجو سایت شما را انتخاب کند و به عنوان اولین سایت جستجو شده نمایش دهد.

منبع : گرافیست سایت |چگونه عالی ترین ترکیب های رنگی را در طراحی سایت ایجاد کنیم؟وبایدها و نباید هایی که در طراحی سایت لاز
برچسب ها : سایت ,استفاده ,ایجاد ,طراحی ,کلیدواژه ,مورد ,طراحی سایت ,استفاده کنید ,ایجاد کنید ,کلید واژه ,صفحه اصلی

۱۰ راهکار برای برندینگ یا برندسازی آنلاین

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

۱- لوگوی هویت (Identity-Logo)

طراحی لوگوهای اختصاصی اولین قدم برای شروع برندینگ آنلاین است. یک لوگو همیشه دارای تأثیرگذاری حرفه‌ای می‌باشد. یعنی حرفه‌ای‌هایی که با هزاران دلار باید به شما توجه کنند، با یک لوگوی مناسب جذب سیستم کاری شما می‌شوند. پس لوگو علاوه بر حرفه‌ای بودن، راهی بسیار مناسب برای صرفه‌جویی در هزینه‌ها نیز می‌باشد.
از لوگوی برند خود در وب‌سایت ، کارت‌ها ، عناوین نامه‌ها و … استفاده کنید. با این کار بیشتر و بیشتر توجه مردم را جلب می‌کنید و باعث می‌شوید آن‌ها نام و تصویر برند شمارا به خاطر بسپارند.

۲- وب سایت

طراحی وب‌سایت درروند موفقیت‌های یک برند تأثیر بسیار به سزایی دارد. یک سایت که با طراحی مناسب و مجذوب‌کننده همراه باشد، کاربران و مشتریان جدید را جلب می‌کند و باعث می‌شود کاربران قدیمی به آن وفادارتر باشند. یک طراحی مناسب نیازی به هزینه‌های زیاد ندارد بلکه به یک برنامه‌ریزی مناسب مطابق با سبک‌کار شما دارد.

۳- امضای ایمیل‌ها (Email Signature)

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

۴- رسانه‌های اجتماعی (Social Media)

حضور در شبکه‌های اجتماعی کمی از داشتن یک وب‌سایت کامل نیست. با توجه به استفاده بی‌حد و نصاب کاربران از شبکه‌های اجتماعی به‌ویژه Facebook و Twitter که خیلی محبوب‌تر هستند، حضور شما هم در این شبکه‌ها ایده‌ای نوین خواهد بود. این به کمپانی شما کمک می‌کند تا اطلاعات بیشتری از محصولات و سرویس‌ها را به اشتراک گذاشته و راه بسیار مناسبی برای ارتباط مستقیم با کاربران و مشتریان می‌باشد. همچنین نظرسنجی‌ها و تبادل نظرات و … نیز می‌تواند شمارا به نیازهای مشتریان واقف سازد.

۵- دکمه‌های اشتراک‌گذاری شبکه‌های اجتماعی (Social Buttons)

تا می‌توانید سعی کنید جستجوی کاربران برای پیدا کردن شمارا آسان‌تر کنید. و همچنین سعی کنید به کاربران امکان دهید تا مطالب و محتوای سایت شمارا در اسرع وقت به اشتراک بگذارند. برای تحقق این موارد، استفاده از دکمه‌های میانبر شبکه‌های اجتماعی که با عنوان Social Buttons شناخته می‌شوند راهکار مناسبی خواهد بود. با این دکمه‌ها اشتراک‌گذاری محتوای شما برای کاربران در کمتر از چند ثانیه امکان‌پذیر خواهد بود.

۶- امضاهای انجمن‌ها (Forum Signatures)

برقراری ارتباط با انجمن‌های تجاری و فعالیت داشتن در این قبیل انجمن‌ها راهی مناسب برای معرفی تجارت خودتان خواهد بود. برای این سایت‌ها نیز می‌توانید یک Forum Signature بسازید. این امضاء که می‌بایست همراه با لوگو و اطلاعات کمی در مورد برند شما باشد، در انتهای پست‌های شما نمایان می‌شود. با این قابلیت، بدون نیاز به درخواست از کسی، برند شما در فضایی تجاری به نمایش درمی‌آید و این‌یک تبلیغ مناسب خواهد بود.

۷- تلاش برای مدیریت و کسب اعتبار آنلاین (Online Reputation Management)

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

۸- برای برند خود بلاگ بسازید

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

۹- سئو

از فرآیندهای سئو غافل نشوید. برای هر سایتی انجام سئو مهم است. یک سایت سئو شده مطمئناً خیلی راحت‌تر در نتایج جستجوهای موتورهای جستجو قرار می‌گیرد و یک اعتبار خاص و ویژه از این طریق به دست می‌آورد.

۱۰- خبرنامه

خبرنامه‌ها ابزاری کارآمد و عالی برای ارتباطات هستند. با کمک خبرنامه می‌توانید مشتریان خود را حفظ کنید و افرادی که به کار و برند شما علاقه‌مند شده‌اند را نیز دعوت کنید و بالطبع به مزیت‌های این دعوت دست پیدا کنید. در خبرنامه‌ها معمولاً از جدیدترین خبرها، محصولات و یا سرویس‌ها استفاده می‌شود. همچنین خبرنامه‌ها راهی مناسب برای خبردار کردن مشتریان از سرویس‌ها و محصولات آینده هستند. وقتی یک مشتری می‌بیند که از نقشه‌های برند محبوبش باخبر می‌شود، حس خوبی به او دست می‌دهد.
مزیت اصلی خبرنامه‌ها این است که بسیار ساده، ارزان‌قیمت (تقریباً بدون هزینه) هستند و مقدار بسیاری پیام را در کمترین زمان ممکن ارسال می‌کنند. همچنین زمان خاصی برای انجام آن‌ها وجود ندارد و در تمام ۲۴ ساعت روز می‌توان با کمک آن اقدام به ارسال خبرنامه‌ها کرد.

 

                                                                                                                

منبع : گرافیست سایت |۱۰ راهکار برای برندینگ یا برندسازی آنلاین
برچسب ها : برند ,مشتریان ,کاربران ,کمپانی ,اجتماعی ,شبکه‌های ,شبکه‌های اجتماعی ,مناسب برای ,social buttons ,اعتبار آنلاین ,اجتماعی social

۸ توصیه برای انتخاب هوشمندانه طراح وب مناسب

:: ۸ توصیه برای انتخاب هوشمندانه طراح وب مناسب
بسیاری از شرکت‌های طراحی و پیاده‌سازی وب‌سایت و تجارت الکترونیک ادعا دارند که استفاده از سرویس های آن‌ها آسان است و حتی افراد غیر فنی هم می‌توانند بدون نیاز به کد نویسی وب‌سایت‌های جالبی را طراحی کنند . چنانچه مثل اکثریت مردم هستید و اگر نمی‌خواهید سایت شما شبیه سایت دیگران باشد ، نیاز دارید تا از یک طراح وب‌سایت کمک بگیرید .
بنابراین چگونه می‌توانید یک طراح وب خوب پیدا کنید، آیا منظور ما از “خوب” فرد یا نمایندگی است که نرم‌افزار تحت وب موردنظر را طراحی کرده است ، نمونه کارهای زیادی دارد ، کار و اهداف شمارا می‌فهمد و برایتان ده‌ها هزار دلار هزینه در برندارد؟                                                                                                                                   چگونه می‌توانید طراحان وب ماهری پیدا کنید و طراحی سایت خود را به آنها بسپارید؟

۱- بدانید چه می‌خواهید و چه نمی‌خواهید:

قبل از اینکه برای طراحی وب‌سایت خود به دنبال کسی بروید ، لیستی از سایت‌های موردعلاقه و سایت‌هایی که مورد تحسینتان هستند تهیه کنید و مشخص کنید که چرا آن‌ها را می‌پسندید.
تعدادی از سایت‌ها را که به دلیل زیبایی ( مسائل زیبایی‌شناختی‌شان ) می‌پسندید و شاید این همان چیزی است که شما سعی دارید مانند آن باشید، تعدادی دیگر را به دلیل جریان کاری و بقیه را به دلیل کارکردشان انتخاب کنید .این امر به طراحان کمک می‌کند تا از سلایق و اهداف شما آگاه شوند.
هم‌چنین از خودتان بپرسید : ” آیا سایتی پربازدید مدرن و مد روز می‌خواهید ؟ یا سایت سنتی‌تر و قدیمی را ترجیح می‌دهید ؟ آیا انتظار دارید روی محتوای سایت شما مرتباً و به‌دفعات ویرایش انجام گیرد یا سایتی را می‌خواهید که یک‌بار در سال یا بیش‌تر توسط یک سازنده یا طراح به‌روز شود .
در این صورت متوجه می‌شوید که می‌خواهید چه چیزی را خلق کنید و اینکه چگونه انتظار دارید سایت را حفظ کنید. می‌توانید شرکت‌های طراح و سازنده را بر اساس هدف و چشم‌انداز طولانی‌مدت پروژه‌تان مورد آزمایش قرار دهید.
اگر اساس کسب‌وکار شما مشارکتی است ، با بررسی شرکای پیشنهادی آن را شروع کنید اما حتماً قبل از اینکه به طراح وب‌سایت خود مراجعه کنید در مورد کلیه مسائل با شریک خود به توافق برسید “، در این صورت متوجه می‌شوید که طراحان می‌توانند برای شما یک برنامه پیوسته طراحی کنند و اعتماد شمارا به دست آورند.

۲- نمونه کارهای طراحی وب طراح را بررسی کنید:

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

۳-  از توصیه‌های و نظرات مشتریان طراح وب خودآگاه شوید:

اطلاع پیدا کنید که آیا آن‌ها مایل هستند شمارا به طراح یا سازنده‌ی وب که درگذشته با او کارکرده‌اند ارجاع دهند.
اگر در وب‌سایت طراح مدنظر شما بخش نظرات مشتریان فعال است حتماً به آن سر بزنید و مطمئن شوید که نظرات حقیقی باشند، اگر نظرات به‌صورت متنی بود می‌توانید با صاحب آن نظر تماس بگیرید و از صحت آن مطلع شوید اما اگر نظرات صوتی یا ویدئویی بود می‌توانید مطمئن شوید که نظرات حقیقت دارند.
با همه این‌ها بازهم از مشتریان قبلی طراح وب‌سایت خود سؤال کنید که ” در طی دوره‌ی پروژه طراح چه قدر خوب (با آن‌ها) ارتباط برقرار کرده است” آیا طراح به ضرب العجل ها توجه کرده است و اینکه آیا می‌خواهند دوباره با او کار کنند یا خیر ؟ ” .
یک‌بار فهرستتان را چک کنید ، اطمینان حاصل کنید که با حداقل دو نفر از مشتریان قبلی یا حال حاضر صحبت کرده‌اید .
” چارچوب‌های زمانی برای طراحان وب‌سایت‌ها اغلب به‌طور چشم‌گیری می‌تواند طولانی شده و گسترش پیدا کند. بنابراین با مشتریان قبلی در مورد اینکه آیا این مسئله برایشان مهم بوده صحبت کنید ، این موضوع امری ضروری محسوب می‌شود.
مشتریان و نظرات آن‌ها می‌توانند شمارا از شرکت‌ها ( یا افرادی ) که درفروش بسیار خوب عمل می‌کنند اما پروژه‌ها را ضعیف تحویل می‌دهند و یا برعکس ، مطلع کنند و این موضوع به شما از این بابت که شرکت درستی را انتخاب کرده‌اید ، آرامش خاطر می‌دهد.

۴- بدانید که وب‌سایت شما چگونه ساخته می‌شود:

اطمینان حاصل کنید طراحی را انتخاب می‌کنید که وب‌سایت شمارا با یک CMS (سیستم مدیریت محتوای وب‌سایت) طراحی کرده است و یا می‌تواند به شما در انتخاب یک سیستم مدیریت محتوای وب‌سایت کمک کند . ” به دنبال شرکت‌هایی باشید که در ساخت سایت‌ها در CMS یا نرم‌افزاری که به شما پیشنهاد می‌دهند تخصص دارد.
همیشه حواستان به این موضوع باشد که ممکن است یک شرکت طراحی وب‌سایت با استفاده از CMS های رایگان وب‌سایتی بدون کیفیت را با ظاهری کاملاً فریبنده برای شما آماده کرده باشد.

دستگاه‌های مدیریت محتوای زیادی مانند wordpress,Drupal,Joomla هستند که فقط با نصب و تغییر قالب ظاهری آن‌ها می‌شود یک وب‌سایت ظاهراً عالی را پیاده‌سازی کرد، با توجه به همین موضوع اکثر شرکت‌های طراحی وب‌سایت از عدم دانش مشتریان خود در این خصوص استفاده کرده و وب‌سایت‌های رایگان را باقیمت‌های هنگفت به مشتریان خود تحویل می‌دهند.
اگر یک شرکت طراحی وب‌سایت نمی‌تواند یک CMS اختصاصی با امکانات کامل را به شما ارائه دهد تقریباً دارد با جابه‌جایی چند طرح از پیش تعریف‌شده و ارائه ظاهر فریبنده شمارا به دام سیستم‌های رایگان می‌اندازد.

برای اینکه اطمینان پیدا کنید که سیستم مدیریت محتوای شما اختصاصی است و کاملاً توسط شرکت طراح وب‌سایت اجرا گردیده کافی است درخواست کنید نسخه دمو (نمایشی) سیستم مدیریت محتوا را برای شما ارسال کنند و آن را به یک فرد متخصص نشان دهید (برای درک این موضوع نیازی به تخصص زیاد نیست و افرادی که اطلاعات اولیه در مورد سیستم‌های مدیریت محتوا دارند نیز به‌راحتی می‌توانند این موضوع را متوجه شوند). البته خود شما نیز با جستجوی نام دستگاه‌های مدیریت محتوا رایگان می‌توانید خیلی سریع ظاهر آن‌ها را شناسایی کنید.
اگر با توجه به همه موارد فوق هنوز هم نتوانستید یک CMS را تشخیص دهید ، شرکتی را پیدا کنید که بتواند به شما در فرآیند تصمیم‌گیری در مورد اینکه چگونه یک CMS بیش‌ترین تأثیر را بر کار و اهدافتان دارد ، کمک کند “.

در انتخاب ساختار درست برای کار اینترنتی و یا وب سایتتان ، آگاه باشید که برخی برنامه‌ها اختصاصی و دارای قالب (خاص) هستند و نمی‌توان در پیاده‌سازی امکانات و ظاهر مختلف خیلی انعطاف داشت ( مثل ورد پرس World Press، جوملا Joomla و دروپال Drupal ) اوپن سورس (قابل‌تغییر محدود) هستند ، ” سیستم‌های اوپن سورس مایل‌اند رابط کاربری بسیار ساده‌ای داشته باشند ، برای یک فرد غیر فنی و به‌منظور به‌روز سازی خوب هستند اما در اینکه سایت چقدر می‌تواند سفارشی و خاص باشد ، محدود هستند.

۵- بودجه‌ی واقع‌گرایانه‌ای داشته باشید و بدانید که برای چه هزینه می‌کنید:

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

۶- بررسی کنید وب‌سایت شما کجا طراحی می‌شود:

در مورد محل انجام کار ( محلی یا خارج از شرکت طراح) و اینکه چه کسی آن را انجام می‌دهد هم‌صحبت کنید .” همیشه سؤال کنید که چه کسی درواقع کار بسط و برنامه‌نویسی وب‌سایت را انجام می‌دهد و بپرسید که آیا این افراد بومی هستند (در شرکت حضور دارند) یا خیر.
هیچ‌چیز بدتر از این نیست که یک طراح را انتخاب کنید و سپس متوجه شوید که برنامه‌نویسی واقعی در شهری دیگر انجام‌گرفته است و زمانی که چیزی اشتباه نوشته‌شده است و یا احتیاج به تغییرات دارید ، ساعت‌های انتظار ، با توجه به فاصله زمانی فردی که درواقع سایت را ساخته است جایگاه بین‌شهری دارد و زمان زیادی دراین‌بین برای یک کار کوچک وجود خواهد داشت.
به‌منظور اجتناب از این مشکل بالقوه ، درخواست کنید تا تیمی را که روی پروژه‌تان کار خواهد کرد را ملاقات کنید”. شما و یا تیمتان با آن‌ها وقت خواهید گذراند ، بنابراین مهم است که اطمینان حاصل کنید آن‌ها با تیمتان متناسب هستند یا خیر . اگر کار کردن و ملاقات به‌صورت حضوری برایتان مهم است ، پس محل شرکت هم حائز اهمیت می‌شود “.

۷- موارد ضرب‌الاجل را در ابتدا مطرح کنید:

قبل از اینکه کار را شروع کنید معلوم کنید که آیا طراح می‌تواند با موارد ضرب‌الاجل کنار بیاید .
قبل از اینکه به یک طراح یا شرکت متعهد شوید ، بپرسید ” می‌توانید این پروژه را در مدت‌زمان تعیین‌شده کامل کنید ؟”.
هم‌چنین زمانی که در مورد پروژه‌تان با آژانس یا طراح صحبت می‌کنید اطمینان حاصل کنید که به هدف موردنظر خواهید رسید . مقدار تغییراتی که می‌توانند درخواست کنید را بخواهید تا به‌وضوح مکتوب شود، آنچه از سمت شما احتیاج است می‌بایست فراهم شود و هم‌چنین مطمئن شوید که در مورد زمان‌بندی تولید کار صریح همه‌چیز را بیان کرده‌اید.

۸- حقوق مالکیت خود را بشناسید:

اطمینان حاصل کنید که تنها کسی هستید که صاحب طرح و محتوای وب‌سایت است ، پیش از اینکه طراح و یا توسعه‌دهنده‌ای را استخدام کنید سؤال کنید که آیا حاضر هستند برگه‌ی تعهد به رعایت تمام حقوق مالکیت معنوی محتوای شما یا سایت شمارا امضا کنند؟ مهم است که طراح وب‌سایت شما بداند که، عدم رعایت این موضوع که شما صاحب طرح و محتوای وب سایتتان هستید می‌تواند مانع شما شود که با آن طراح همکاری کنید، مطمئن باشید که این موضوع زمانی که به سراغ فروش در وب‌سایتتان می‌روید باعث آسیب رساندن به سرمایه‌گذاری شما می‌شود. هر طراح خوب و یا هر شرکتی حقوق معنوی را امضا خواهد کرد . این روش معمول است و اگر این کار را انجام ندهند این‌یک علامت خطر است” .

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

منبع : گرافیست سایت |۸ توصیه برای انتخاب هوشمندانه طراح وب مناسب
برچسب ها : طراح ,وب‌سایت ,طراحی ,اینکه ,آن‌ها ,موضوع ,طراح وب‌سایت ,اطمینان حاصل ,حاصل کنید ,طراحی وب‌سایت ,مدیریت محتوای ,سیستم مدیریت محتوای ,شرکت طرا

جایگاه انیمیشن در طراحی وب سایت واستفاده از انیمیشنهای GIF در طراحی وب سایت وطراحی اینتراکتیو و متحر

:: جایگاه انیمیشن در طراحی وب سایت واستفاده از انیمیشنهای GIF در طراحی وب سایت وطراحی اینتراکتیو و متحر

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

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

امروزه این دو شکل آنچنان با یکدیگر تلفیق شده که تمایز آنها گاه امکان‌ناپذیر است. ضمن اینکه تاثیر متقابل زمینه‌های مختلف مرتبط با وب، و نیز پیشرفت چشمگیر آنها موجب می‌شود ما شاهد شکل‌گیری سبکها،         گرایشات و مدهای جدیدی در طراحی وبو موشن گرافیک در قالبهای مختلف باشیم.                                      استفاده از انیمیشنهای GIF در طراحی وب سایت :                                                                              شاید نخستین تجربه‌های متحرک سازی در وب را بتوانیم در قالب فایل‌های GIF ببینیم. این قالب گرافیکی بر اساس تعریف سنتی انیمیشن، یعنی متحرک‌سازی فریم به فریم تعریف شد و جای خود را در وبسایتها باز نمود. این دسته از انیمیشن تحت وب، تعاملی نبود و با عمل کاربر عکس‌العملی نشان نمی‌داد. بیشترین کاربرد این قالب در نخستین نمونه‌های بنرهای تبلیغاتی تحت وب بود. عناوین و تصاویر معمولا در چند فریم معدود و با حرکتهای سریع سعی در جذب نگاه مخاطب می کرد. علت اصلی این محدودیت، حجم فایل بود، زیرا با زیاد شدن فریمها حجم فایل بیشتر می شد و بارگزاری آنها مشکل‌تر. البته استفاده‌های خلاقانه دیگری از این قالب گرافیکی سایت هم بتوان نام برد: مانند چرخش لوگوی یک سایت یا ستاره های چشمک زن بک‌گراند.             طراحی اینتراکتیو و متحرک سازی با CSS و JavaScript :                                                                          با پیشرفت و گسترش اینترنت و مطرح شدن نیازهای جدید و اهمیت یافتن دیزاین در وب، تگهای HTML برای دیزاین ناکافی بودند و استانداردها و کدهای جدیدی باید تعریف می‌شد. این وظیفه مهم را کدهای CSS به عهده گرفتند و با ارائه نسخه‌های کاملتر آن به نوعی دنیای وب دیزاین متحول شد. حالا دیگر وقتی ماوس روی یک کلید می رفت، کلید برجسته می‌شد و رنگ نوشته آن تغییر می کرد. اما برای کنترل و تغییر خواص CSS نیاز به یک زبان برنامه نویسی بود که بتواند با حلقه ها و شرطی‌ها و تاخیرهایش (Delay)، اتفاقات پیشرفته‌تری مانند حرکت را هنگام اجرای صفحات وب اجرا کند. اینجا JavaScript با قدرت تمام وارد می‌شود و تمام تگهای HTML و خواص CSS را تحت کنترل خودش می‌گیرد. در این مرحله، هر دو زمینه انیمیشن سنتی و تعاملی در وب تکانی می‌خورد. حالا طیف وسیعی از حرکتها را می‌توانستیم ببینیم: منوها کشوی و عکسها اسلاید می شوند، و از طرفی دیگر ممکن است شاهد بارش برف روی صفحه وب باشیم یا یک بادکنک معلق و متحرک را ببینیم. حتی ممکن است یک ساعت عقربه‌ای به دنبال ماوس کشیده شود و بچرخد.                               

منبع : گرافیست سایت |جایگاه انیمیشن در طراحی وب سایت واستفاده از انیمیشنهای GIF در طراحی وب سایت وطراحی اینتراکتیو و متحر
برچسب ها : طراحی ,تعاملی ,سایت ,قالب ,متحرک ,انیمیشن ,متحرک سازی ,تگهای html ,قالب گرافیکی ,موشن گرافیک ,سایتها باید

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

:: مینیمالیسم اصل اساسی در طراحی وب سایت و طراحی سایت های دو زبانه و طراحی سایت وردپرس و طراحی سایت ف

مینیمالیسم اصل اساسی در طراحی وب سایت :

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

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

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

نکاتی در طراحی سایت های دو زبانه:

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

در طراحی سایت مهم است که بدانید طراحی سایت های دو زبانه در موتورهای جستجو چه تاثیری دارد و اینگونه سایت ها در رتبه بندی موتورهای جستجو چه رتبه ای دارند.در زیر به بیان مواردی در سایت های چند زبانه می پردازیم.

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

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

√ایجاد پوشه هایی برای زبان های جایگزین
√زیر دامنه های معادل

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

طراحی سایت وردپرس:                               

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

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

البته امکان شخصی سازی تا حدی در طراحی سایت وردپرس وجود دارد و گاها شما می توانید با آموزش css ، زبان css آن را تا حدی تغییر دهید. با استفاده از وردپرس می توان انواع مختلف طراحی سایت ، نظیر طراحی سایت شرکتی ، طراحی فروشگاه اینترنتی ، طراحی سایت خبری و غیره را انجام داد. برای هر یک از انواع طراحی سایت، قابل های آماده مختلفی ارائه شده است که شما قادر هستید با آپلود آنها ، بهترین قالب سایت را انتخاب کنید.

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

 

طراحی سایت تک صفحه ای :

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

طراحی سایت one page اصطلاحی است که برای این نوع طراحی سایت استفاده می شود. شرکت طرح و پردازش مبنا از جمله شرکت های مطرح در طراحی سایت است که به صورت اختصاصی می تواند برای طراحی سایت ، سئو و بهینه سازی سایت انجام دهد.

 در این نوع طراحی سایت ، می توان از خصوصیات و ویژگی های مطرحی نظیر هوشمند سازی منو ها از طریق اسکرول و پیمایش اتوماتیک، ارائه جلوه های ویژه ، به کارگیری زبان html5 و css3 و غیره استفاده کرد. البته لازم به ذکر است که می توان این نوع طراحی سایت را با سایر انواع طراحی سایت چند صفحه ای ترکیب و تلفیق کرد. از این رو شما قادر خواهید بود علاوه بر ارائه خدمات طراحی سایت در یک صفحه ، آنها را در صفحات جداگنه نیز ارائه دهید.

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

طراحی سایت فلت:

 

از جدیدترین روندهای طراحی سایت که در سال 2016 نیز مورد استفاده قرار می گیرد، طراحی سایت فلت (طراحی سایت تخت ) است. این نوع طراحی سایت که به آن flat design نیز می گویند، دارای ویژگی های متعددی است. 

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

به موجب عدم استفاده از آیتم های نسبتا پر حجم سه بعدی، این نوع طراحی سایت دارای حجم پایینی است و از این رو می توان سبک بودن طراحی سایت فلت را به عنوان یک مزیت برای آن بیان کرد. مزیت دیگر این نوع طراحی سایت، رنگ بندی زیبا و شادی است که در آن به کار می رود. از ویژگی های اصلی طراحی سایت فلت که باید در هنگام طراحی سایت در نظر گرفته شوند می توان به مواردی همچون: به کاربردن css بسیار، حداقل استفاده از عکس، سبک فلت و مسطح، استفاده نکردن از گرادیانت و به کاربردن رنگ های شاد و متنوع اشاره کرد.

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

                                            

                

 

منبع : گرافیست سایت | مینیمالیسم اصل اساسی در طراحی وب سایت و طراحی سایت های دو زبانه و طراحی سایت وردپرس و طراحی سایت ف
برچسب ها : سایت ,طراحی ,استفاده ,زبان ,زبانه ,انواع ,طراحی سایت ,انواع طراحی ,مورد استفاده ,برای طراحی ,سایت وردپرس ,سایر انواع طراحی ,انواع طراحی سایت، ,طر

Hero header در طراحی سایت و چند نکته انکار ناپذیر در طراحی سایت و نکاتی در طراحی سایت و W3C چیست؟

:: Hero header در طراحی سایت و چند نکته انکار ناپذیر در طراحی سایت و نکاتی در طراحی سایت و W3C چیست؟

تکنیکHero header در طراحی سایت

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

تکنیک های Hero header در طراحی سایت چیست؟

هیرو هدر ها استفاده از تصاویر گرافیکی و متن هایی است که در صفحه اصلی سایت و یا در دیگر صفحات سایت استفاده می شود.                                                                                                                           

حالات مختلفی از این روش استفاده می شود از جمله تصاویر بزرگ، تصاویر با متن،  تصاویر اسلایدی، تصویر ثابت یا متحرک،  ویدیو و انیمیشن که این طراحی می تواند رئال به نظر برسد.

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

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

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

نکاتی برای استفاده از hero header در طراحی سایت

  • قراردادن لوگو و یا نام برند در قسمت بالایی در سمت چپ تصویر و یا در مرکز تصویر. رنگ لوگو یا برند را مشکی یا سفید انتخاب کنید زیرا استفاده از رنگ های متفرقه قابل شناسایی از تصویر زمینه نیستند.
  • عناوین و تیتر ها را پرنگ (BOLD) قرار دهید که موجب جذب کاربر می شود.
  • برای خوانایی رنگ تصویر باید در تضاد رنگ متن باشد برای مثال اگر از تصاویر رنگی بهره میبرید سایر المان ها اطراف آن باید سیاه و یا سفید باشد و بلعکس اگر تصاویر زمینه سیاه و سفید است از پلت تک رنگ برای متون استفاه کنید.
  • قراردادن متن باید به گونه ای باشد که مانع دید ه شدن تصاویر نشود .
  • برای خوانایی بیشتر از فونت ظریف با سایز بزرگ استفاده کنید.
  • پیشنهاد می کنیم در طراحی خود از یک دکمه  تخت و شفاف استفاده کنید.
  •  برای user friendly کردن سایت و دسترسی آسان به بخش های مختلف سایت ترجیحا از منوی ثابت استفاده کنید تا کاربر با استفاده از اسکرول به راحتی به صفحات دیگر سایت راه یابد.
  • برای تاثیر گذاری بیشتر از تکنیک های سایه و رنگهای محو برای متمایز کردن برخی متون از تصاویر استفاده نمایید.
  • هدر  ایجاد شده باید responsive  باشد تا در موبایل، تبلت و صفحات کوچکتر به خوبی قابل نمایش باشد.                                                                                                                                  

    چند نکته انکار ناپذیر در طراحی سایت

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

    √ انتخاب سایز و رنگ فونت در طراحی سایت بسیار موثر است.اندازه فونت ها نباید از 10 کوچکتر باشد اما این مقدار بیشتر به نوع فونت مورد استفاده شما دارد،همچنین از فونتهای استاندارد کامپیوتر و کدهای HTML نویسی استفاده کنید.
    √ با آنکه استفاده از نمایشگرهای بزرگ رونق پیدا کرده اما هنوز بیشتر افراد از کامپیوترهای کوچک،لپ تاب،تبلت و تلفن ها استفاده می کنند بنابراین در انتخاب قالب بهتر است از قالب 800 * 600 استفاده کنید تا افراد بتوانند با استفاده از گوشی های هوشمند از سایت شما بازدید کنند.
    √ سعی کنید از جلوه های ظاهری زیبا استفاده کنید و در سایت خود  مقالات مفید قرار دهید تا موتورهای جستجو سایت شما را سایت مفیدی شناسایی کنند.

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

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

    نکاتی در طراحی سایت های دو زبانه:

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

    در طراحی سایت مهم است که بدانید طراحی سایت های دو زبانه در موتورهای جستجو چه تاثیری دارد و اینگونه سایت ها در رتبه بندی موتورهای جستجو چه رتبه ای دارند.در زیر به بیان مواردی در سایت های چند زبانه می پردازیم.

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

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

    √ایجاد پوشه هایی برای زبان های جایگزین
    √زیر دامنه های معادل

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

    W3C چیست ؟

    در این قسمت به معرفی W3C و همچنین کارهایی که توسط آن صورت می گیرد می پردازم . W3C مخفف کنسرسیوم شبکه جهانی وب می باشد.کنسرسیوم شبکه جهانی وب یک کنسرسیوم از صنعت بین المللی است که به هدایت وب به سوی استعدادهای نهان آن اختصاص داده شده است .توسط تیم برنرز لی، مخترع وب رهبری شده و در سال 1994 تاسیس شده است .
    w3c  بیش از 450 عضو سازمانی  که مجموعه ای از تولیدکنندگان نرم افزار،سخت افزار،تامین کننده محتوا و نهادهای علمی و شرکتهای ارتباط ز راه دور است.همچنین کنسرسیوم توسط سه سازمان تحقیقاتی میزبانی می شود که عبارتند از : MIT در آمریکا ، INRIA در اروپا و Keio University در ژاپن می باشد .                                                                                                                          

                        

     

                                                                                                                                     

                               

                                                                                                                                                                                                                        
     

       

     

منبع : گرافیست سایت | Hero header در طراحی سایت و چند نکته انکار ناپذیر در طراحی سایت و نکاتی در طراحی سایت و W3C چیست؟
برچسب ها : سایت ,استفاده ,طراحی ,زبان ,زبانه ,تصاویر ,طراحی سایت ,استفاده کنید ,قرار دهید ,موتورهای جستجو ,hero header ,نکته انکار ناپذیر

طراحی سایت را با مداد و کاغذ شروع کنیدوسایت را تا جای ممکن کم حجم طراحی کنیدوخوانا و در دسترس بودن س

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

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

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

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

بعد از مدتی که به این روش کار کردین خواهید فهمید که چقدر روی کارتان تاثیر خواهد گذاشت و سرعت کار شما را بالاتر خواهد برد. معمولا برای اولین بار این کار سخت خواهد بود ولی مطمئن باشید ضرر نخواهید کرد .   سایت را تا جای ممکن کم حجم طراحی کنید:                                                                                       شاید یکی از مهمترین اصولی که خیلی از طراحان، چه آنهایی که طراحی به‌روز دارند و چه گرافیستهای چاپی و چه مهندسان پرتال نصب کن! توجهی به آن ندارند حجم سایت است. ناگفته پیداست که یک وبسایت سنگین چه زیانهایی می رساند: بسیاری از کاربران را خسته و پشیمان می کند، آمار بازدیدکنندگانی که برای چندمین بار به سراغ سایت ما می آیند کم می کند، تعداد بازدید از صفحات داخلی را کم می کند، حوصله موتورهای جستجو را برای ایندکس کردن سر می آورد و رتبه ما را در موتورهای جستجو می کاهد. البته سبک یا سنگین بودن حجم یک سایت نسبی است و بستگی به میانگین سرعت مخاطبانمان دارد. قطعا برای کاربر عادی ایرانی 100 کلیوبایت وزن قابل توجهی است ولی برای یک نفر در جایی که اسمش خارج است! شاید یک مگابایتش هم چیز زیادی نباشد.
 طبق تجربه، طراحی کم حجم می تواند یکی از خصوصیاتی باشد که مشتریان را به سوی طراح وب جذب کند. اما چه عواملی در سرعت سایت تاثیر گذار است؟ اول اینکه شیوه کد نویسی استاتیک بسیار مهم است: اینکه تا چه حد از CSS استفاده مفید بکنید. کدهای داینامیک نظیر php و asp معمولا به خاطر سرعت بالای سرورها در کمتر از یک ثانیه اجرا می شوند که زیاد به حساب نمی آیند! پس روی کدهای استاتیک که تر و تمیز باشند، و تمام CSS ها بیرون از محتوا و در یک یا چند فایل جدا ذخیره شوند تاکید بیشتری باید داشت. زیرا این باعث می شود در بارگزاری مجدد، این فایل از روی Cache کامپیوتر کاربر لود شود و  در سرعت تاثیر مثبت دارد. در مورد فایلهای جاوا اسکریپت نیز وضع به همین منوال است. کدها را ترجیحا در فایلهای جدا باید ذخیره کرد و در هدر سایت فراخوانی کرد. در مواردی که ناچاریم کدها را در فایل اصلی بیاوریم، ترجیحا همه را به پایینترین خطوط کدهای استاتیک انتقال دهیم تا حوصله موتورهای جستجو از سر و کله زدن با این کدها سر نرود، و اگر برود چیز زیادی از دست نداده باشیم! ضمنا در استفاده از افکتهایی که با کتابخانه‌هایی نظیر jQuery اجرا می شوند، باید حواسمان باشد که آیا استفاده از هسته جی کوئری (حدود 80 کلیوبایت) به اضافه کدهای آن افکت به صرفه هست یا نه! زیرا معمولا این کدها را اجنبی های کافر می نویسند که سرعت اینترنتشان خیلی بالاست و ممکن است به فکر سرعت اینترنت در برخی کشورهای دیگر (اسم نمی برم!) نباشند!
مساله مهم و حیاتی دیگر حجم و تعداد تصاویری است که در طراحی به کار می بریم. باید تا جای ممکن از تصاویر کمتر و کم حجمتر استفاده کنیم، و از ساختارهای پر عکس بپرهیزیم (باز هم قابل توجه گرافیستان چاپی). برای ذخیره تصاویر نیز حتما از بخش Save for web در فتوشاپ استفاده کنید. تصاویری که تعداد رنگهای محدودتری دارند، با پسوند gif و تصاویری که سایه روشن یا تنوع طیف رنگی بیشتری داند با پسوند jpg کم حجم تر می‌شوند. پسوند جدیدتر png-24 نیز که از قابلیت شفافیت آن نیز در مرورگرهای جدیدتر می توان استفاده کرد، معمولا از دو نوع قبلی پر حجم تر اما بسیار با کیفیت تر است. چاره دیگر استفاده از تصاویر کوچکی است که تکرار (repeat) می شوند. این روش برای سایه روشنها (gradient) و بافتها (patterns)  بسیار کاربردی است.
عوامل دیگری نظیر میزان محتوا (متن و تصویر) در هر صفحه و نیز سرعت سرور، در سرعت بارگزاری صفحات وب موثرند. برای فشرده کردن فایلهای CSS و js و... از قابلیت gzip کردن در فایل htaccess می توان استفاده کرد. برای این منظور می توانید به بخش Compression در کنترل پنل (Cpanel)  مراجعه نمایید.
شاید بد نباشد این را هم بگویم که قالبهای از پیش طراحی شده اکثر پرتالهای آماده (از جوملا گرفته تا تالارهای گفتگو) معمولا بسیار سنگین هستند و ساختارهایشان نیز پر از فایلهای خارجی و کدهای اضافه است.            در دسترس بودن سایت بدون تصاویر:                                                                                                    همیشه باید فکر احتمالات بود. باید در نظر داشته باشید سایت شما بدون اینکه هیچ تصویری در آن لود شود چه شکلی خواهد داشت. مثلا ممکن است رنگ متن روشن باشد و بک گراندتان یک تصویر تیره. حالا اگر به هر دلیلی (پایین بودن سرعت، قطع شدن ارتباط و...) تصویر لود نشود هیچ چیز خوانا نیست! برای حل این مشکل، باید در بخشهایی که یک تصویر بک گراند شده است، یک رنگ مناسب را نیز برای پشت آن در نظر گرفت. در مواردی نیز که فایل عکس به عنوان محتوا در HTML درج می شود نیز (مثلا یک لوگو) حتما از خاصیت alt در تگ آن برای جایگزینی متن استفاده شود. اگر از تصاویر بزرگ نیز مثلا برای بنر یا هدر استفاده می کنید، حتما طول و عرض آن را مشخص کنید تا ساختار سایتتان با لود نشدنش به هم نریزد.

منبع : گرافیست سایت |طراحی سایت را با مداد و کاغذ شروع کنیدوسایت را تا جای ممکن کم حجم طراحی کنیدوخوانا و در دسترس بودن س
برچسب ها : سایت ,استفاده ,سرعت ,طراحی ,معمولا ,خیلی ,موتورهای جستجو ,کدهای استاتیک ,دسترس بودن ,توان استفاده ,حوصله موتورهای ,حوصله موتورهای جستجو

اصول مهم در طراحی پوسته ( نمای گرافیکی) و بررسی نور در گرافیک

:: اصول مهم در طراحی پوسته ( نمای گرافیکی) و بررسی نور در گرافیک
ظاهر سایت اولین چیزی است که بازدیده کننده با آن برخورد خواهد  ، نتایج نظرسنجی ها از کاربران مختلف نشان داده است که در همان نگاه سطحی اول به ظاهر گرافیکی سایت ذهنیت اصلی مخاطب نسبت به کل سازمان و هویت یک سایت در ضمیر ناخودآگاه بیننده شکل میگیرد و از همان جا مغز تصمیم میگیرد که آیا میتوان به این سایت اعتماد کرد یا خیر ؟ 
چه بسا یک طراحی غیر اصولی و غیر علمی باعث شود کاربر چند ثانیه بعد از باز کردن پنجره بدون خواندن محتوای سایت پنجره را ببندد
در زیر برخی از موارد که باعث ایجاد حس بی اعتمادی در کاربران خواهد شد آورده ایم :

وجود رنگ های تند و خسته کنند برای چشم
پخش ناخواسته موسیقی هنگام باز شدن سایت
کامل نبودن سایت و مشاهده نوشته " سایت در حال ساخت می باشد "
این نشانه بی برنامه بودن مدیریت سایت است تا وقتی سایت تکمیل نشده آن را بارگزاری نکنید

 استفاده از پنجره های تبلیغاتی بازشو
این جور پنجره ها به جز مزاحمت برای بیننده کار دیگری انجام نمی دهند

استفاده از زمینه تیره و نوشته های نگاتیو در متن اصلی سایت
نوشتن متن بصورت پاراگراف های طولانی که خواند آن بیننده را خسته میکند
استفاده از فلش اینترو با حجم بالای 250 کیلوبایت در صفحه اول سایت ، آن هم  بدون قابلیت skip  کردن
عدم رعایت استاندارد صفحه نمایش ها در اندازه ها
بالا بودن حجم عکس ها و دیر لود شدن آنها
در نهایت با توجه به نوع خدمات و اطلاعاتی که  سایت شما میخواهد ارائه دهد و نوع مخاطب آن باید ظاهری آراسته و صد در صد استاندارد و سازگار با تمام رایانه ها ، دستگاه ها ، سیستم عامل ها و مرورگرها اینترنتی طراحی شود.
 

                                                                                                                                                                                  بررسی نور در گرافیک:

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

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

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

نورپردازی به دو صورت طبیعی و مصنوعی انجام می شود که گونه طبیعی آن به وسیله نور خورشید و یا ماه و … می باشد و منظور از نور مصنوعی انواع لامپ ها یا پروژکتورها برای امر نور دهی بر اجسام هستند.

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

منبع : گرافیست سایت |اصول مهم در طراحی پوسته ( نمای گرافیکی) و بررسی نور در گرافیک
برچسب ها : سایت ,نورپردازی ,گرافیک ,استفاده ,پنجره ,طراحی ,نورپردازی باید

اصولی که برای طراحی لوگو باید رعایت کرد

:: اصولی که برای طراحی لوگو باید رعایت کرد

لوگو چهره و منظر هر برند است، بنابراین طرح آن از اهمیت زیادی برخودار می باشد. اگر یک لوگو به خوبی و درست طراحی شود یک دارای قدرتمند و با ارزش برای نام تجاری یا برند شما خواهد بود. طراحی یک نمایه ی بصری موثر از یک برند به خلاقیت و تلاش بیشتری نسبت به طراحی سایر طراحی های گرافیکی دارد. 
مثل هر کاری که نیاز به مهارت های خاص خود دارد، طراحی لوگو نیز نیازمند تمرین و تحربه فراوان دارد تا بتوان یک لوگوی موفق خلق نمود. داشتن دانش کافی یکی از گزینه هایی است که هر طراح لوگوی قوی و حرفه ای باید واجد آن باشد.                                                                                                                          1. کارهای مقدماتی جزو ضروریات است:
                                                                                                                                                 طرح های اولیه که به صورت دستی رو کاغذ نقاشی می شود اولین و مهمترین مرحله در طراحی یک لوگوی تاثیرگذار است. این طرح ها می تواند شامل نقاشی های ساده ای باشد که با خودکار یا مداد روی کاغذ نقاشی می شود و یا در برنامه های طراحی وکتور مثل ایلوستریتور رسم می شود. 
کار خود را با کشیدن 20 الی 30 طرح اولیه یا ایده آغاز کنید و سپس از بین آنها و یا با ترکیب چند ایده به ایده اصلی دست پیدا کنید. در صورتی که هیچ یک از این طرح ها به شما کمک نکرد طرح های دیگری رسم کنید. 
یک طراح حرفه ای در مقایسه با دیگر بخش های طراحی، زمان بیشتری صرف این مرحله از کار می کند. 


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


3. سایز :
                                                                                                                                                                   وقتی واد مبحث طراحی لوگو می شویم، سایز اهمیت ویژه های پیدا می کند. یک لوگو باید در هر سایز و اندازه ای زیبا و خوانا باشد. یک لوگو در صورتی تاثیرگذار خواهد بود که هنگامی که که سایز آن بیش از اندازه کوچک شود، مثلا برای استفاده روی پاکت نامهیا سربرگ، باز هم کیفیت، خوانا بودن و زیبایی خود را حفظ کند. همچنین هنگامی که در قالب های بزرگتر مثل پوستر و بیل بورد، و قالب های الکترونیکی مثل تلویزیون و وب مورد استفاده قرار می گیرد نیز از همان شکل و شمایل و کیفیت اولیه برخوردار باشد. از آنجا که خواندن لوگو در مقیاس های کوچک معمولا سخت تر است، بنابراین سعی کنید ابتدا لوگو را روی سربرگ و یا پاکت نامه چاپ کنید تا ببینید هنوز قابل خواندن هست یا نه. 
شما می توانید لوگوی خود را در مقیاس های بزرگتر نیز آزمایش کنید.                                                                                                                                                                                                           4. استفاده هوشمندانه از رنگ:                                                                                                      
                                                     
تئوری رنگ بسیاری پیچیده است، اما طراحانی که اصول آن را درک کرده اند قادر به استفاده از مزایای آن در طراحی های خود هستند. 
اصولی که باید آنها را به یاد بسپارید عبارتند از: 
-از رنگ هایی استفاده کنید که در چرخه رنگ به هم نزدیک هستند. مثلا برای یک پالت گرم از رنگ های قرمز، نارنجی و درجات مختلف رنگ زرد استفاده کنید. 
- از رنگ های خیلی روشن استفاده نکنید چون این رنگ ها به سختی دیده می شوند. 
- لوگو باید در رنگ های سیاه، سفید و خاکستری و همچنین در دو رنگ نیز زیبا و جذاب به نظر برسد. 
- گاهی شکستن قوانین مانعی نداردريال فقط مطمئن شوید برای این کار دلیل قانع کننده ای دارید. 
دانستن اینکه رنگ ها چگونه باعث برانگیخته شدن احساسات و حالات مختلف می شوند نیز اهمیت زیادی دارد. برای مثال، رنگ قرمز می تواند حس عصبانیت، عشق، هیجان و استحکام و توانایی را القا کند. این نکته را به یاد داشته باشید که شما می توانید انواع رنگ ها را با هم ترکیب کنید و رنگی را به دست آورید که حس اصلی که برند باید به بیننده منتقل کند را در طرح ایجاد کنید. 
استفاده از رنگ های خاص و تک یکی دیگر از ایده های موثر است. برخی از برندها فقط با رنگ خاص و منحصر به خود قابل تشخیص و شناسایی هستند. مثلا وقتی به John Deere فکر می کنید، در واقع به John Deere سبز رنگ فکر می کند، و این مجموعه این برند را از رقبای خود متمایز می کند. 


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


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

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


7. هدف به رسمیت شناختن است :
                                                                                                                                                                                           نکته اصلی در طراحی یک لوگو به رسمیت شناختن و شناساندن یک برند است. خوب شما چگونه این هدف را برآورده می کنید؟ 
این موضوع مورد به مورد متفاوت است، اما هدف از طراحی یک لوگو این است که متوسط افراد یک جامعه آن برند را به یاد بسپارند. 
از این نمونه لوگو می توان لوگوی Coca-Cola, Pepsi, McDonald's و Nike را نام برد. با یک نگاه اجمالی به این لوگوها می توانید آنها را بلافاصله تشخیص دهید. 
کلید طراحی یک لوگوی محبوب و رسمی که به سرعت شناخته شود، ترکیب همه عناصرمانند:سایز، سبک، رنگ، تایپوگرافی و اصالت. 
نادیده گرفتن هر یک از این موارد در طول فرایند طراحی کیفیت طرح نهایی را دچار خدشه می کند. پس هم اکنون طرح خود را بررسی کنید و ببینید مطابق این معیارها هست. 
یک آزمایش سریع مشخص می کند آیا لوگوی شما به اندازه لازم و کافی قابلیت شناخته شدن هست یا نه. برای این کار لوگو را جلوی یک آینه قرار دهید و ببینید لوگو در این حالت همه قابل تشخیص هست. 
به یاد داشته باشید که لوگوها در دنیای واقعی در معرض دید مخاطب قرار دارند، مثلا روی اتوبوس و بیل بورد.
بنابراین شما باید قبل از ارائه لوگو به مشتری آن را از زوایای مختلف در معرض دید قرار دهید تا ببینید به راحتی قابل تشخیص هست. 

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


9. ساده طراحی کنید:                                                                                                                     

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


10. از افکت ها استفاده کنید 
Adobe Illustrator, Freehand, Photoshop و سایر برنامه های 
گرافیکی دارای ابزارهای قدرتمند و فیلترهای متعددی هستند که شما می توانید از آنها در طراحی لوگوی خود استفاده کنید، اما فراموش نکنید در این کار زیاده روی نکنید. 


11. توسعه یک طرح "خط مونتاژ" 
برای تولید پی در پی لوگوهای با کیفیت، باید فرایند طراحی یا "خط مونتاژ" خود را بهبود و گسترش دهید. این فرایند شامل مراحل زیر است: 
-تحقیق و جستجو
- بارش مغزی و تولید ایده
- کشیدن طرح های اولیه
- بهبود و ارتقای طرح های وکتور

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


12. استفاده از طرح های دیگر برای الهام گرفتن 
قانون آخر برای طراحی یک لوگوی تاثیرگذار بسیار ساده است. از طرح های دیگر طراحان کپی برداری نکنید! این در حالی است که الهام گرفتن از آثار طراحان دیگر توصیه می شود. 
شما می توانید از گالری های آنلاینی که وجود دارد برای کسب ایده های جدید برای طراحی استفاده کنید. استفاده از این وب سایت ها را منع نمی کنیم اما توصیه می کنیم کار را از کشیدن یک طرح اولیه آغاز کنید و آن را گام به گام کامل کنید تا یک طرح اصیل خلق کنید.




 

منبع : گرافیست سایت |اصولی که برای طراحی لوگو باید رعایت کرد
برچسب ها : طراحی ,لوگو ,استفاده ,لوگوی ,فونت ,است، ,داشته باشید ,طراحی لوگو ,استفاده کنید ,برای طراحی ,قابل تشخیص ,برای طراحی استفاده

یجرنک چیست و چه فایده ای دارد؟

:: یجرنک چیست و چه فایده ای دارد؟

Page Rank در لغت به معنی رتبه صفحه و در وب هم به همین معنی یعنی رتبه یک صفحه یا وبلاگ و یا سایت در جستجوگرها. آیا تا به حال به این فکر کردید که وقتی در یک سایت جستجوگر مثل گوگل به دنبال مطلبی می گردید، گوگل تمامی صفحاتی رو که در اون کلمه مورد نظر شما هست رو لیست می کنه؟

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

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

1. محتوای سایت و مطالب آن در رابطه با موضوع مورد جستجو
2. موتورهای جستجو   اهمیت صفحات وب را بر اساس میزان لینک به آن طبقه بندی می کنند.
3. چنانچه لینک بیشتری در سایر پایگاه ها ثبت کنید رتبه بالاتری کسب خواهید کرد.
4. تبادل لینک بین سایت های هم خانواده یعنی سایت هایی که موضوع مشابهی دارند، موجب افزایش رتبه در موتورهای جست و جو خواهد شد.
5. شرکت در بحث های رایج در تالارهای بحث و تبادل نظر، گفتمان و یا گفت و گو و درج لینک در محل امضا یا در متن بحث به افزایش رتبه شما موتورهای جست و جو کمک موثری خواهد نمود.

چه عواملی در بالا بردن رتبه شما نقش دارند؟
1. طراحی اصولی سایت
2. دقت در نوشتن برچسب های متا (متاتگ)
3. بهینه سازی سایت برای موتورهای جست و جو
4. موتورهای جست و جو حساسیت ویژه ای نسبت به نام صفحه و توضیحات صفحه دارند
5. برخلاف تصور اغلب طراحان وب، کلمات کلیدی نقش کمتری ایفا می کنند
6. چنانچه مقاله ای می نویسید و مایلید که مقاله شما در نتایج جست و جو قرار گیرد بهتر است آن را در یک صفحه مجزا قرار دهید و در در قسمت نام صفحه عنوان مقاله را بنویسید
7. بهتر است در سایت خود به مقالات و مطالب خود چند بار لینک بدهید.
8. موتورهای جست و جو صفحات شما را از بالا به پائین جستجومی کنند برای همین است که عنوان صفحات، توضیحات و کلمات کلیدی اهیمت دارند. چنانچه بتوانید با حذف جدول ها و تصاویر مطالب خود را در قسمت های بالاتری از صفحه قرار دهید شانس شما در موتورهای جست و جو بالا خواهد رفت و در ضمن در حین نمایش نتایج جست و جو بخشی از مطالب شما برای بازدید کننده نمایان خواهد شد و او می تواند بفهمد که آیا مقاله شما با موضوع مورد نظر او مرتبط است یا خیر.
9. چنانچه سایت شما رتبه ای در موتورهای جستجو  ندارد زیاد هم عجله نکنید زیرا تا زمان رسیدگی موتورهای جستجو مانند گوگل زمان زیادی دارید، چون ممکن است سایت شما هر ماه یک بار مورد بازبینی موتورهای جستجو قرار گیرد و عملکرد یک ماهه شما در بالابردن رتبه شما در موتورهای جست و جو تعیین کننده خواهد بود.
10. ارائه خدمات رایگان مانند: ابزارهای مورد نیاز گرافیست سایت، مقالات آموزشی و کتاب های الکترونیک در کسب رتبه در موتورهای جست و جو موثر خواهند بود زیرا تجربه ثابت کرده است که ارائه دهندگان خدمات رایگان بدون هیچ زحمتی توسط دیگران تبلیغ می شوند
11. ارسال مقاله به سایت های دیگر:  شما می توانید با ارسال مقالات خود برای سایر سایت ها و وبلاگ ها لینک خود را در بالا یا پائین مطالب خود قرار دهید و خود را با این روش به عنوان منبع مقاله مطرح نمائید.
12. توصیه می کنم در طرح های تبادل لینک و بنر شرکت کنید حتی برای مدتی محدود
13. در سایت هایی که تبادل لینک به صورت لینک باکس دارند حتما شرکت کنید، مخصوصا اگر سایت یا وبلاگتان به تازگی شروع به کار کرده است.
14. به شما توصیه می کنم تا از طریق ایمیل با مدیران سایت ها در تماس باشید و درخواست خود را برای درج لینک تان در سایت های مختلف مطرح نمائید.
15. لینک خود را در سایت هایی که قسمت ثبت لینک دارند حتما ثبت کنید
16. دایرکتوری ها مکان های مناسبی برای ثبت لینک شما هستند، هرچند تاثیر چندانی در جذب مخاطب به سایت شما ندارند.
17. اگر از نظر مالی شرایط مناسبی دارید حتما برای تبلیغ سایت خود در پایگاه های پربازدید سرمایه گذاری کنید
18. هرچند موتورهای جست و جو سهم بالائی در جذب مخاطب به سایت شما دارند اما قرار دادن لینک و تبلیغ در مکان های مناسب و پرترافیک مخاطبان را مستقیما به سایت شما هدایت خواهد کرد.
19. رتبه شما با بالا رفتن تعداد لینک های شما افزایش نمی یابد بلکه رتبه شما زمانی افزایش می یابد که تعداد نمایش سایت شما در نتایج جست و جو افزایش یابد و مخاطبان بر روی لینک شما در موتورهای جست و جو کلیک نمایند.
20. این نکته را هیچ وقت فراموش نکنید: “هر لینکی تاریخ مصرفی دارد” زیرا موتورهای جست و جو به مرور لینک های قدیمی را حذف می کنند.
21. ip اختصاصی نقش بسیار مهمی در رتبه بندی موتورهای جست و جو ایفا می کند. هرچند ممکن است اجاره ip اختصاصی برای شما هزینه زیادی داشته باشد (از 20 هزار تومان به بالا…) اما این نکته مهم را متذکر می شوم که جست و جو گرها از این طریق شما را به عنوان یک پایگاه مستقل جست و جو می کنند و فرآیند جست و جو برای جست و جو گر سریع تر و با ارزش تر خواهد بود. زیرا هنگامی که شما از یک ip اشتراکی استفاده می کنید موتور جست و جو گر شمارا از میان ده ها سایت دیگری که با این ip فعال هستند تفکیک می کند و اهمیت کمتری برای شما قائل خواهد بود.
22. توجه داشته باشید که تلاش برای افزایش رتبه سایت و وبلاگی بی محتوا یا کم محتوا کار بیهوده ایست، آنچه بیش از همه در بالا بردن رتبه شما در موتورهای جست و جو نقش دارد میزان محتوای سایت شماست، پس تلاش خود را بیشتر بر روی محتوای خود متمرکز کنید و بدانید که اگر محتوای بهتری ارائه کنید از سوی دیگران مورد حمایت قرار خواهید گرفت.

                                                                    

منبع : گرافیست سایت |یجرنک چیست و چه فایده ای دارد؟
برچسب ها : سایت ,موتورهای ,لینک ,رتبه ,صفحه ,گوگل ,page rank ,سایت هایی ,افزایش رتبه ,قرار دهید ,موتورهای جستجو

چند نکته در مورد طراحی بنر های تبلیغاتی

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


بنرهای تبلیغاتی می توانند با توجه به اهداف مورد نظرتان شما را یاری کنند.

معروف ساختن نام تجاری در اذهان عمومی، مسلماً مشکل تر است خصوصاً برای شرکتهای کوچک یا متوسط. اما اگر بودجه کافی برای این کار در نظر گرفته اید، مشغول شوید.
برای ایجاد ترافیک استفاده از تبلیغات شاید منطقی ترین راه باشد اما اگر بخواهید تعداد زیادی بنر تبلیغاتی در سایتهای مختلف قرار دهید متحمل هزینه زیادی خواهید شد، خصوصاً هنگامی که شما برای کلیک بازدیدکننده روی بنر پول پرداخت می کنید، اما این ورود منجر به فروش نمی شود.
راه عملی تر برای این کار آن است که ۲ یا ۳ بنر تبلیغاتی در سایتهای مرتبط قرار دهید تا فشار زیادی را از نظر مالی متحمل نشوید.
۲- مکان قرار گرفتن بنر
راز موفقیت « بنرهای تبلیغاتی » در مکان قرار گرفتن آن نهفته است. باید زمان لازم را صرف کنید و محل مناسب را بیابید. سایتهائی را پیدا کنید که در زمینه مرتبط با شما کار می کنند اما محصولات و خدمات شما را ارائه نمی دهند. بازدیدکنندگان این سایتها مسلماً در همان لحظه به سمت شما جذب خواهند شد. صفحه ورود مشتریان به سایت خود را جذاب طراحی کنید تا بازدید کننده را به ماندن در سایت شما ترغیب نماید.

« درست و کامل عمل کنید. »
معنای این جمله آنست که نباید به یک بنر اکتفا کنید. شما باید حداقل ۴ تا ۶ بنر تبلیغاتی با متن ها و اندازه های متفاوت داشته باشید. به این ترتیب این امکان وجود دارد که همزمان آنها را امتحان کنید و کارآئی هر کدام را بسنجید. هر بنر در مدت زمان خاصی حداکثر تاثیر را روی مخاطبین خود دارد و باید بعد از مدتی تعویض شود. در این صورت شما با توجه به اطلاعات جمع آوری شده، می دانید که چه نوع تبلیغاتی تاثیرگذارترند و در ساخت بنرهای بعدی فاکتورهای موفقیت را منظور خواهید کرد. همچنین شما می توانید مکان این تبلیغات را به صورت چرخشی تغییر دهید و تاثیر هر کدام از بنرهای تبیلغاتی خود را در سایتهای مختلف بسنجید.

« همه چیز را با دقت زیر نظر داشته باشید. »
ممکن است بعضی از بنرهای تبلیغاتی در سایتهای معینی بهتر از بقیه عمل کنند. نکته زیر را در نظر داشته باشید، نوع بازدید کنندگان سایت عاملی است که تاثیر مستقیم بر موفقیت بنر تبلیغاتی شما دارد.
اگر بنری در ایجاد ترافیک موثر نبوده ممکن است به یکی از دو دلیل زیر باشد:
• ایراد از طراحی بنر است.
• ممکن است در آن مکان، افراد به موضوع مورد نظر ما علاقه ای نداشته باشند.
اگر بنر تبلیغاتی در کار خود موفق بود، نشاندهنده آن است که در آن محیط افراد بسیاری به دنبال پیشنهادات ما بوده اند.(پیشنهاداتی که توسط بنر تبلیغاتی ما واضح و صحیح به بازدید کننده انتقال یافته است).
اگر تبلیغات شما موفق هستند لازم نیست تغییری در آنها ایجاد کنید.می توانید برای تاثیر بیشتر در فواصل زمانی مختلف بخشهائی را به آن اضافه یا کم کنید و در سایتهای مختلف آنها را امتحان کنید.
استفاده مناسب از بنرهای تبلیغاتی، روشی موثر در بازاریابی محصولات و خدمات شما خواهد بود.اما همانطور که قبلاً نیز گفته شد”برای انتخاب هر روش یا راه کاری ابتدا احتیاج به بررسی و تحقیق می باشد.در ضمن این بررسی شما در این زمینه حرفه ای و با تجربه خواهید شد. اکنون وقت آن است که برای استفاده یا عدم استفاده از این روش تصمیم بگیرید.
و توصیه آخر:
هرگز تصور نکنید که چون این روش دارای مقبولیت عام است پس شما هم باید از آن استفاده کنید بلکه همواره به دنبال روشهای بازاریابی متناسب با تجارت خود باشید.

منبع : گرافیست سایت |چند نکته در مورد طراحی بنر های تبلیغاتی
برچسب ها : تبلیغاتی ,بنرهای ,طراحی ,سایتهای ,استفاده ,سایت ,بنرهای تبلیغاتی ,سایتهای مختلف ,امتحان کنید ,داشته باشید ,بازدید کننده

رنگ سازمانی در فرآیند طراحی لوگو چه جایگاهی دارد؟

:: رنگ سازمانی در فرآیند طراحی لوگو چه جایگاهی دارد؟
تأثیر رنگ‌ها بر احساسات افراد

رنگ یک ابزار ارتباط بصری مهم است که می‌تواند منجر به ایجاد یک رابطه صمیمانه و حس دوستانه به صورت ناخودآگاه در ذهن ناظران شود و به ارتباط مصرف کننده با محصولات کمک بسیاری نماید. رنگ‌ها نقش مهمی در یادآوری برندها، ایجاد احساس شادی و تداعی خاطرات خوب در ذهن مصرف کنندگان دارند.این انتخاب رنگ برای محصولات، برند و در طراحی لوگو و طراحی بنر نقش مؤثری در افزایش میزان فروش دارد. به عنوان مثال زمان رویارویی مشتریان با یک محصول جدید، رنگ و ظواهر بصری در حدود ۹۳درصد و سایر فاکتورها مانند بافت، صدا و بو در حدود ۷ درصد در ذهن مصرف کننده باقی می‌ماند. مهم‌تر اینکه ۸۵ درصد از مصرف کنندگان بر این نظرند که رنگ یکی از دلایل اصلی آن‌ها برای انتخاب و خرید یک محصول می‌باشد.


رنگ سازمانی در فرآیند طراحی لوگو

 

 تأثیر رنگ سازمانی در طراحی لوگو

اولین مطلبی که در طراحی گرافیکی باید مد نظر هر طراحی باشد، استفاده از رنگ سازمانی مناسب است بطوری که ذهن هر بیننده‎ای را به خود جلب نماید. این امر از آنجا ثابت می‌شود که لوشر استاد رنگ شناسی و مبدع تست تشخیص براساس رنگ‌ها، معتقد است که: «رنگ‌ها می‌توانند وضعیت روانی یا جسمی آدم‎هارا تغییر دهند. مثلا رنگ‌های گرم موجب بالا رفتن ضربان قلب، فشار خون و در برخی موارد باعث ضعف و گشنگی می‌شود و رنگ‌های سرد باعث کاهش فشار خون و ضربان قلب می‌گردند.» به همین دلیل است که در فست فودها و رستورانها همواره از رنگ‌های گرمی چون قرمز استفاده می‌شود.

چند نکته در انتخاب بهترین رنگ برای طراحی لوگو

 رنگ‌ها حاوی پیام‌های مثبت و منفی هستند که می‌توانند مردم را به خرید کردن ترغیب کنند و یااز خرید منصرف سازند و در ایجاد حس اعتماد در افراد نقش زیادی ایفا کنند.
  رنگ ها در برگیرنده معنای خاصی می‌باشند که این امر باید با توجه به نوع فعالیت سازمان‎هاصورت بگیرد. برای مثال در شرکت‎های حمل و نقل استفاده از رنگ آبی می‌تواند انتقال دهنده حس اطمینان باشد.
  رنگ‌های هم خانواده نیز برای ایجاد آرامش استفاده می‌شوند که بهتر است در طراحی لوگو سازمان های تامین‎کننده آسایش و رفاه عمومی این رنگ‌ها بکار برده شوند.
در انتخاب رنگ لوگو باید به شخصیت، سن، جنس و … مشتریان توجه داشت و رنگ را براساس نیازآنها انتخاب نمود.

 

انواع رنگ‌های سازمانی و تاثیرات آنها بر لوگوها

 رنگ زرد در لوگو:نشان دهنده حرارت و انرژی

رنگ زرد بیانگر احساس خوش بینی و جوانی است وبرای کسانی که به ویترین مغازه‌ها اهمیت زیادی می‌دهند، جذابیت خاصی دارد. مغز با دیدن رنگ زرد سروتونین بیشتری آزاد می‌کند و به عبارتی احساس خوب شیمیایی طبیعی در بدن رخ می‌دهد. این رنگ موجب بالا رفتن تمرکز و خلاقیت می‌شود و روشنفکران را جذب می‌کند.زرد پر رنگ که نشان دهنده حرارت و انرژی زیاد است. زرد باعث می‌شود افراد به طلوع خورشید بیندیشند و این امر به معنای امید و خوشبینی در افراد است. شرکت ایرانسل از رنگ زرد برای لوگوی خود استفاده کرده که نماد ایجاد انرژی از طریق برقراری تماس میباشد.

 

 رنگ آبی در طراحی لوگو:نماد اعتماد و اطمینان

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

 

رنگ قرمز در طراحی یک آرم:هیجان آور

رنگ قرمز نماد جلب توجه است که از آن برای به هیجان آوردن مردم نیز استفاده می‌شود. قرمز برای ایجاد احساس فوریت استفاده می شود که ضربان قلب بیننده را بالا می‌برد. رنگ قرمز هیجان آور، شادی افرین و انرژی زا است. و به  دلیل اشتها آور بودن این رنگ، در مکانهایی چون رستورانها از رنگ قرمز استفاده می شود.

 

 ویژگی عجیب رنگهای ترکیبی مونوکرم

رنگ‌های مونو کروم یا رنگ‌هایی که شامل خاکستری به همراه ته رنگ هستند، خاصیت منحصر به فردی دارند که اجازه فکر کردن را از مخاطب می‎گیرند. استفاده از این نوع رنگها برای طراحی لوگوی سازمان‎های سیاسی مناسب است.

 

 رنگ صورتی:کاهش عصبانیت

صورتی یک نوع رنگ آرام محسوب می‌شود و در برخی مکانها از رنگ صورتی به منظور کاهش عصبانیت وتهاجم استفاده می‎شود. روانشناسان معتقدند که صورتی بالاترین فرکانس رنگی را در برابر روشنفکری دارد و برای خریداران سنتی جذابیت خاصی دارد.

 

 رنگ سبز در یک لوگو:احساس آرامش

رنگ سبز تداعی کننده طبیعت، بوم شناسی و ثروت می‌باشد که برای آرامش بخشی در اتاق‌های بیمارستان‌ها به کار می‎رود. رنگ سبز تیره برای افراد محافظه‎کارو مذکر جذاب است. سبز منتقل‎کننده حس خوش شانسی، سخاوت، باروری در افراد است که موجد احساس تازگی و طراوت و طبیعی بودن می‎باشد. همچنین این رنگ سمبل رشد، نمو و‌هارمونی است و حس امنیت را در بیننده ایجاد می‌کند. رنگ سبز برای ذهن و چشم آرامش بخش بوده و به دید و تخیل کمک می‌کند. رنگ سبز روشن در چراغ‌های راهنمایی استفاده می‌شود . زیرا بیانگر سلامتی و امنیت استین رنگ در میان طرفداران محیط زیست، صنایع غذایی، کالاهای خانگی، تکنولوژی و امور مالی استفاده زیادی دارد.

 

 رنگ نارنجی:جذاب

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

 

 بنفش:کارآیی بهتر مغز

این رنگ می‎تواند مغز را در حل مشکلات یاری دهد زیرا موجب کارآیی بهتر مغز می‎شود. رنگ بنفش به نوعی نماد نشاط و جوانی است وبه همین دلیل برای محصولات ضدپیری و زیبایی کاربرد دارد. دختران جوان مرتب رنگ بنفشرا به عنوان رنگ مورد علاقه‎شان انتخاب می‌کنند. بنفش تیره می‌تواند نشان دهنده ثروت و خوش گذرانی باشد در حالی که بنفش روشن‎ نماد بهار و داستان‌های عاشقانه است.

 

 رنگ سیاه:نماد قدرت

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

 خاکستری:نماد کمبود انرژی

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

 

 رنگ قهوه ای:تداعی کننده کوه

رنگ قهوه‎ای سمبل طبیعت، دوستی، راستگویی و زمین است که چون تداعی کننده کوه در ذهن بینندگان است لذا بیانگر استقامت، پایداری، تجربه وراحتی است.

 

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

منبع : گرافیست سایت |رنگ سازمانی در فرآیند طراحی لوگو چه جایگاهی دارد؟
برچسب ها : لوگو ,طراحی ,استفاده ,می‌شود ,نماد ,ایجاد ,طراحی لوگو ,برای طراحی ,تداعی کننده ,استفاده می‌شود ,برای ایجاد ,نشان دهنده حرارت

فایل های GIF در طراحی وب سایت

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

فایل های GIF در ابتدا از طرف شرکت CompuServeتوسط Steve Wilhite  در سال 1987 منتشر شد که توانست مورد استقبال طراح وب سایت قرار گیرد و پسوند GIFاز کلمات Graphic Interchange Format برگرفته شده است.

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

تلفظ صحیح پسوند GIFبه صورت جیف است که اغلب طراحان وب سایت و کاربران آن را به صورت گیف تلفظ می کنند که توسط خود سازنده GIFبیان شده است که کلمه Gاز نوع Soft Gاست و باید به صورت جیف خوانده شود.

اما در دیکشنری آکسفورد هر دو تلفظ (گیف و جیف) را برای این پسوند در نظر گرفته است.

ساخت فایل انیمیشنی GIF

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

در فتوشاپ یک پنلی وجود دارد به نام Animation و در برخی نسخه ها با نام Timelineمعرفی شده است که توانایی ساخت فریم به فریم را در طراحی فایل های انیمیشنی فراهم می کند.

در نرم افزار فتوشاپ با کمک گرفتن از پنل Animation و پنل Layers میتوانید حالات مختلف در فایل متحرک خود ایجاد نمایید که در ساخت فایل های انیمیشنی بسیار موثر و کاربردی است.

پس از ایجاد کردن فایل متحرک در فتوشاپ به راحتی میتوان از طریق Save For Web یک ذخیره بهینه شده را برای این نوع فایل ها داشت که علاوه بر اینکه با فرمت GIFذخیره می شود به صورت کم حجم هم در خواهد آمد.

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

بهینه سازی فایل های GIF

برای بهینه سازی و کم حجم کردن فایل های GIFمیتوانید از همان Save For Webدر نرم افزار فتوشاپ استفاده کرده و تعداد کانال های رنگی کمتری را برای ذخیره سازی انتخاب نمایید.

و همچنین از طریق وب سایت های ezgif.com و compressor.io مراجعه کنید و فایل های GIF را به صورت 30 تا 20 درصد کاهش حجم دهید.

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

تبدیل فایل های ویدوئی به فایل GIF

فایل های ویدوئی در سایت ezgif.com به راحتی قابل تبدیل به فرمت GIFاست که تنها کافی است به سایت ezgif.comمراجعه کرده و از بخش Video To GIF این فایل ها را تبدیل کنید.

افکت بر روی فایل های GIF

با استفاده از همان سایت ezgif.comقابلیت اعمال کردن افکت های مختلف بر روی فایل های GIFمیسر شده است که این افکت ها را اگر بخواهید در نرم افزار فتوشاپ اعمال کنید تمامی آنها را فریم به فریم باید به صورت دستی بسازید.

منبع : گرافیست سایت |فایل های GIF در طراحی وب سایت
برچسب ها : فایل ,سایت ,فتوشاپ ,استفاده ,صورت ,ساخت ,افزار فتوشاپ ,ساخت فایل ,سایت ezgif ,بهینه سازی ,فایل متحرک

نکاتی موثر در طراحی وب سایت

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

نکته اول: از لینکهای متنی استفاده کنید:

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

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

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

نکته سوم: یک صفحه با عنوان نقشه سایت طراحی کنید :

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

نکته چهارم : از بکار بردن فریم پرهیز کنید.

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

 

نکته پنجم : از لینکهای حرکت دار بپرهیزید

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

نکته ششم: فقط چند کلیک آنورتر:

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

نکته هفتم : جستجو چرا ؟ فقط لینک :

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

                                                                                           

منبع : گرافیست سایت |نکاتی موثر در طراحی وب سایت
برچسب ها : سایت ,طراحی ,استفاده ,لینکهای ,نکته ,صفحات ,بازدید کننده ,لینکهای تصویری ,میان صفحات ,امکان دارد ,لینکهای متنی

ابزار نمایش اسلایدر تصاویر

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

انتخاب نوع نمایش اسلایدر






 

منبع : گرافیست سایت |ابزار نمایش اسلایدر تصاویر
برچسب ها : تصاویر ,اسلایدر ,نمایش ,تصویر ,قابلیت ,آدرس ,تصویر اسلایدر ,نمایش اسلایدر ,قابلیت نمایش ,اسلایدر تصاویر

دلیل استفاده از چند رنگ خاص در بنر

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

دلیل استفاده از چند رنگ خاص در بنر

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

منبع : گرافیست سایت |دلیل استفاده از چند رنگ خاص در بنر
برچسب ها : استفاده ,دلیل ,تبلیغاتی ,داشته باشد ,دلیل استفاده

تعریف جوملا وافزونه های جوملا ومزایای جوملاومعایب جوملا

:: تعریف جوملا وافزونه های جوملا ومزایای جوملاومعایب جوملا

جوملا چیست؟

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

جوملا یک برنامه  میباشد که به طور رایگان دراختیار همه قرار دارد شما براحتی می توانید سایت خود را با استفاده از جوملا راه اندازی کنید. جوملا از امکانات کافی برای راه اندازی یک سایت برخوردار است. اما اگر نیاز به امکانات بیشتری داشتید می توانید از قالب‌ها و افزونه‌های جوملا استفاده کنید امروزه جوملا در بسیاری از طراحی سایت ها به کار می رود.  طراح سایت برای ساده کردن کار طراحی سایت خود، از این cms های آماده استفاده می نمایند.

تاریخچه جوملا
اولین نسخه نرم افزار که جوملا ۱ نام داشت،نسخه توسعه داده شده مامبو بود و در سال ۲۰۰۵ انتشار یافت. گروهی از برنامه نویسان مامبو پس از جدا شدن از این تیم شروع به طراحی این نرم افزار کردند. جوملا در لغت به معنای همه با هم است که از زبان سواحلی گرفته شده است. نسخه های بعدی این نرم افزار جوملا ۱٫۵، ۱٫۶ ،۱٫۷ و ۲٫۵ میباشد.

کاربردهای جوملا

جوملا به دلیل قابلیت انعطاف و گسترش فوق العاده خود قادر به ایجاد تمامی سامانه های تحت وب میباشد،در زیر به برخی از کاربرد های آن اشاره میکنیم:

  1. سایتهای خبری
  2. سایت های فروشگاهی
  3. برنامه های کاربردی دولت ها
  4. دانلودسنتر
  5. مراکز آزمون گیری
  6. سامانه های پشتیبانی
  7. دایرکتوری ها
  8.  وبسایتهای نگهداری مستندات

امکانات جوملا:

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

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

افزونه های جوملا چیست؟

 

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

 


افزونه های جوملا

 

 افزونه ها در حقیقت اسکریپت های کوچکی هستند که به هسته جوملا اضافه شده و امکانات جدید را به شما عرضه میدارند یکی از عواملی که باعث گشته است تا سیستم مدیریت جوملا  دارای قدرت بیشتری نسبت به سایر سیستم های مشابه شود وجود بیش از ۹۰۰۰ افزونه در حال حاضر میباشد . یک افزونه میتواند ماژول ، کامپوننت و یا یک پلاگین باشد .

 

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

 

 پلاگین ها : پلاگین ها در جوملا افزونه هایی هستند که به هسته اضافه شده و امکانات جدیدی را در اختیار مدیر سایت قرار میدهد برخی از پلاگین ها دارای نمود ظاهری هستند و برخی دیگر تنها بعضی پارامتر ها را کنترل مینمایند اما بیشتر آن ها در قسمت مطالب دارای کاربرد میباشند . بر خلاف ماژول ها پلاگین ها دارای کاربری متفاوت میباشند .

 

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

 

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

مزایای جوملا چیست؟

 

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

 

از دیگر مزیت های این فریم ورک، کتابخانه های گسترده آن و ارتباط صحیح و منطقی بین کتابخانه های آن است. این نرم افزار به دلیل قابلیت استفاده بصورت فریم ورک جهت گسترش آن و ساخت افزونه ها و نیز از دیگر سو امکان استفاده کاربران نهایی از این افزونه ها جامعیت زیادی از سامانه های وب در اختیار گرفته است از سوی دیگر مزیت آن نسبت به سایر فریم ورک های PHP ساختار شناور آن است که به گسترش دهنده امکان میدهد به صورت کامل یا جزئی از مدل نرم افزار ی MVC استفاده کند.

 

چند نمونه از مزیت های جوملا این موارد می باشد:

 

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

 

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

 

معایب جوملا

 

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

 

 

 

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

 

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

 

عدم امکان تغییرات جزئی و سلیقه ایی: یکی از معایبی که حتما بعد از استفاده از جوملا با آن برخورد خواهید نمود، این می باشد که نمی توانید بسیاری از تغییرات مد نظر خود را در قالب و ابزار های آن انجام دهید. مثلا بخش فروشگاه اینترنتی راه اندازی نمودید و نمی توانید بیشتر از چند آیتم مثل، انتخاب کلا و گزینه خرید، به آن اضافه نمایید. حتی بسیاری از تغییرات در قالب های آن که مد نظرتان می باشند را نمی توانید انجام دهید.

 

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

 

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

 

 

منبع : گرافیست سایت |تعریف جوملا وافزونه های جوملا ومزایای جوملاومعایب جوملا
برچسب ها : جوملا ,سایت ,طراحی ,مدیریت ,استفاده ,افزونه ,طراحی سایت ,هسته اضافه ,مدیریت محتوا ,رایگان بودن ,سیستم مدیریت ,هسته اضافه میگردد ,سیستم مدیریت مح

چگونگی قالب گرافیکی سایت

:: چگونگی قالب گرافیکی سایت

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

طراحی قالب سایت,قالب گرافیک سایت :

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

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

 

منبع : گرافیست سایت |چگونگی قالب گرافیکی سایت
برچسب ها : سایت ,طراحی ,قالب ,گرافیک ,گرافیکی ,طراح ,قالب گرافیک ,طراحی قالب ,طراحی سایت ,قالب گرافیکی ,برای طراحی ,قالب گرافیک وبسایت، ,قالب گرافیکی مناسب

بنر تبلیغاتی ایرانی و اختلاف فاحش با نمونه بنر خارجی

:: بنر تبلیغاتی ایرانی و اختلاف فاحش با نمونه بنر خارجی

بنر تبلیغاتی ایرانی

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

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

طراحی بنر ایرانی :

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

در نمونه ی خارجی ، شما کمتر بنری رو مشاهده می کنید از تبلیغات متحرک پیچیده ، شلوغ و پر از حرکات موشن گرافیک استفاده شده باشد و معمولا به صورت تک اسلاید و با استفاده ترکیب بندی مناسب و هدفمند به جذب مخاطبان خود می پردازند و البته که در اکثر مواقع از هدفمند بودن بنر تبلیغاتی نتیجه مثبت میگیرند !

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

بنر تبلیغاتی AVG Antivirus

نکات مثبت این بنر AVG Antivirus ، استفاده بهینه از متون تبلیغاتی ، قرار دادن دکمه  Call To Action و البته بنر گیفی که تکرار نمی شود و در نهایت به صورت یک عکس یا تصویر ثابت می ماند .

 

 

منبع : گرافیست سایت |بنر تبلیغاتی ایرانی و اختلاف فاحش با نمونه بنر خارجی
برچسب ها : تبلیغاتی ,استفاده ,خارجی ,تبلیغات ,ایرانی ,مخاطبان ,داخل کشور ,موشن گرافیک ,اکثر مواقع ,اختلاف فاحش ,ایرانی دلایل

نکاتی در باره متحرک سازی در بنر

:: نکاتی در باره متحرک سازی در بنر
بنر را بیش از حد متحرک سازی نکنید نتیجه عکس دارد ….

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

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

مشکل دیگر طراح های بنر کنترل حجم میباشد حجم معقول در طراحی بنر 50 کیلوبایت میباشد اگر حجم بنر زیاد باشد به سختی لود خواهد شد همین مسئله باعث میشود بنر شما از دید بسیاری از کاربر ها پنهان بماند سعی کنید همیشه کمترین حجم را برای بنر خود در نظر بگیرید

 

نکات مهم درباره طراحی بنر………….

 

  • مدت زمان تعویض فریم

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

 

                                                                                                                                   

منبع : گرافیست سایت |نکاتی در باره متحرک سازی در بنر
برچسب ها : فریم ,متحرک ,سازی ,مخاطب ,مسئله ,تعویض ,متحرک سازی ,تعویض فریم ,زمان تعویض ,فریم بعدی ,باعث میشود

طراحی صفحه فرود و بنر

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

 

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

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

 

منبع : گرافیست سایت |طراحی صفحه فرود و بنر
برچسب ها : طراحی ,صفحه ,فرود ,تبلیغات ,بنری ,میشود ,صفحه فرود ,طراحی صفحه ,تبلیغات بنری

طراحی سایت خبری – طراحی وب سایت خبرگزاری

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

ویژگی های مهم سایت های خبری

1.راحتی کار با سایت

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

2.سبک بودن سایت

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

3.رنگ بندی مناسب وب سایت

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

4.طراحی اصولی سایت مطابق با الگوریتم های گوگل

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

طراحی سایت خبری واکنش گرا (رسپانسیو)

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

 

منبع : گرافیست سایت |طراحی سایت خبری – طراحی وب سایت خبرگزاری
برچسب ها : سایت ,خبری ,طراحی ,بازدیدکنندگان ,کاربر ,دستگاه ,طراحی سایت ,سایت خبری ,بازدیدکنندگان سایت ,داشته باشند

چگونه بنر خود را تست کنیم ؟

:: چگونه بنر خود را تست کنیم ؟
حتما تا بحال این تجربه را داشته اید که بنری طراحی کرده اید و ان بنر  مناسب  و استاندارد و زیبا طراحی شده است  اما  بعد از گذشت مدت زمانی  متوجه میشوید که آن نتیجه مطلوب را بدست نمی آورید در این مواقع  تنها راهی که  به نظر میرسد برگزاری دو کمپین همزمان بوده این حالت میتواند بنر  را از لحاظ استاندارد های مختلف ارزیابی کند و بهترین و مطلوب ترین نتیجه را برای شما به ارمغان می اورد و نام این روش تست  کمپین میباشد :

تـــــــــــــــــــــســـــــــــــت

 

یکی از رایج ترین اشتباهاتی که در برگزاری کمپین های تبلیغاتی رخ میدهد برگزاری کمپین بر اساس حدس و گمان میباشد و همچنین طراحی بنرتبلیغاتی و چیدن المان های آن بر اساس حدسیات که از لحاظ مالی ضرر و ضربه بزرگی به شما وارد میکنید   برای جلو گیری از این ضرر و زیان ها در ابتدا توجه به کلیه استاندارد ها و اصول طراحی بنر  به این صورت که کال تو اکشن بنر حتما رعایت شده باشد – طراحی بنر شلوغ نباشد – رنگ بندی بنر مناسب باشد و از همه مهم تر محتوای متنی بنر باید به گونه ای کارشناسی شده بکار گرفته شود و بعد از این موارد از روزش A/B استفاده میکنیم

۱. برای بنر های تبلیغاتی خود دو محتوای متفاوت از لحاظ متنی تهیه نمایید

 

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

 

۳.  در انتهای کار کمپین کلیکی نتیجه و میزاین کلیک خوری دو بنر را باهم بسنجید و هر کدام از بنر ها که کلیک خوری بیشتری داشته باشد را میتوانید به عنوان بنر برنده انتخاب نمایید و کمپین های بعدی خود را نیز با ان بنر ادامه دهید

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

منبع : گرافیست سایت |چگونه بنر خود را تست کنیم ؟
برچسب ها : کمپین ,طراحی ,داشته ,لحاظ ,نمایید ,تبلیغاتی ,کلیک خوری ,داشته باشید ,برگزاری کمپین

افزایش ترافیک وب سایت با استفاده از بنر

:: افزایش ترافیک وب سایت با استفاده از بنر

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

افزایش ترافیک وب سایت با استفاده از بنر

جست وجوی عبارت تبلیغات بنری
ابتدا عباراتی نظیر تبلیغات بنری ، تبلیغات در سایت و … را جست وجو کنید. میان اولین جست وجو های گوگل یکی از وب سایت ها را انتخاب کنید.

مشاهده ی رتبه ی سایت
TrafficEstimate.com/Alexa.com را در نوار ابزار مرورگر وارد کنید تا بتوانید رتبه سایت را مشاهده کنید. این کار شما را از افزایش ترافیک وب سایتتان با نصب بنر در آن سایت ، مطمئن می کند.

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