طراحی سایت

طراحی وب سایت شخصی

طراحی وب سایت شخصی در 5 مرحله

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



انتخاب نام دامنه

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



انتخاب وب هاستینگ


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



ظاهر و لایه بندی سایت


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


محتوای سایت




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

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


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

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



طراحی وب سایت آموزشی


طراحی وب سایت انتشارات


طراحی وب سایت پزشکی


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


طراحی وب سایت خبری


طراحی وب سایت خدماتی


طراحی وب سایت رستوران


طراحی وب سایت شخصی


طراحی وب سایت شرکتی


طراحی وب سایت علمی


طراحی وب سایت فروشگاهی


طراحی وب سایت گردشگری


طراحی وب سایت هنری


طراحی وب سایت صنعتی

ادامه مطلب
+ نوشته شده در  پنجشنبه 6 آبان 1395ساعت Array توسط سمیه  | 

طراحی وب سایت

 مقدمه طراحی وب سایت با وردپرس

 

طراحی وب سایت

 

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

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

قدم اول طراحی وب سایت : انتخاب الگوی مناسب در وردپرس

طراحی وب سایت تهران

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

 

قدم دوم طراحی وب سایت :انتخاب آیتم های فوقانی صفحه

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

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

قدم سوم در طراحی وب سایت : معرفی خودتان

طراحی وب سایت فروشگاهی

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

قدم چهارم در طراحی وب سایت : تصاویر و گرافیک

طراحی وب سایت قیمت

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

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

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

 

مطالب مرتبط :


طراحی وب سایت آموزشی


طراحی وب سایت انتشارات


طراحی وب سایت پزشکی


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


طراحی وب سایت خبری


طراحی وب سایت خدماتی


طراحی وب سایت رستوران


طراحی وب سایت شخصی


طراحی وب سایت شرکتی


طراحی وب سایت علمی


طراحی وب سایت فروشگاهی


طراحی وب سایت گردشگری


طراحی وب سایت هنری


طراحی وب سایت صنعتی

ادامه مطلب
+ نوشته شده در  يکشنبه 2 آبان 1395ساعت Array توسط سمیه  | 

اصول طراحی سایت واکنش گرا

طراحی سایت واکنش گرا ( ریسپانسیو ) چیست ؟

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


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

تکنیک های طراحی سایت ریسپانسیو از کجا آمده ؟

 

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

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

 

 

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

طراحی واکنش گرا برای دستگاه های پوشیدنی یا Wearables ( مانند اپل واچ )

طراحی سایت فروشگاهی

 

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

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


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

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

ادامه مطلب
+ نوشته شده در  سه شنبه 6 مهر 1395ساعت Array توسط سمیه  |