طراحی اپلیکیشن وابزارهای لازم
طراحی اپلیکیشن وابزارهای لازم


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


ابزار Marvel در طراحی اپلیکیشن :

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


ابزار Sketch در طراحی اپلیکیشن :

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

مقایسه طراحی سایت به سبک UI و UX
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



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

مقایسه طراحی سایت به سبک UI و UX : مقاله ای که امروز برای شما عزیزان در نظر گرفته ایم تعریفی از دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 به سبک UI ( یا User Interface ) و طراحی سایت به سبک UX ( یا User experience ) را داشته باشیم و به طور مختصر به بررسی و مقایسه نقاط اشتراک و تفاوت های این دو بپردازیم .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 UI :
وب سایت هایی که به صورت ui طراحی می شوند از لحاظ ظاهری ارتباط تعاملی بهتری با کاربران وب سایت برقرار می نماید . در طراحی وب سایت ui قسمت های مختلفی هم چون نقش فرم ها ، رنگبندی به کار رفته در دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 ، طراحی منو ها ، سرعت وب سایت و عواملی از این قبیل که در کنار یک دیگر مشخص کننده میزان رابط کاربری آن وب سایت خواهند بود .
طراحی سایت UX :
وب سایت هایی که به صورت ux طراحی می شوند در بر گیرنده ی احساسات ، نگرش ها و رفتار های کاربران و مخاطبین وب سایت در رابطه با تجربه استفاده از یک محصول نرم افزاری می باشند که نهایتا قادر خواهند بود جنبه های گوناگونی را هم چون سودمندی ، کارایی مطلوب و کاربرد آسان را به شکل یک خاطره در ذهن مخاطبین ثبت کنند .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

تفاوت های این دو سبک طراحی وب سایت :
این مسئله را با توضیح یک مثال برای شما کاربران عزیز شرح خواهیم داد . تصور نمایید می خواهیم کلید Close ( یا همان ضربدر پنجره My Computer که به رنگ قرمز می باشد ) را طراحی نماییم . در دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 ui انتخاب رنگ کلید مورد نظر و نماد ضربدر انجام می شود . در این طراحی استفاده از کد رنگ سبز و کلید + یا " به اضافه " کاربران را دچار اشتباه خواهد نمود . پس از طراحی UI مرحله انتخاب یک جایگاه مناسب برای دکمه Close می باشد تا کاربر به آسانی بتواند با آن کلید کار کند که به آن مرحله طراحی UX اتلاق می گردد .

چرا باید راهنمای سبک طراحی درست کنیم؟
وقتی تنوعی از آدمای مختلف (یا حتی دو دسته آدم) قراره با عناصر مختلف هویت برندتون کار کنند، باید همشون درک و دید یکسانی از اون عناصر داشته باشند. برای این منظور یه راهنما منتشر میکنیم که همه اینها رو توضیح بده. اینطوری اطمینان پیدا میکنیم که همه مردم  همه عناصری که در رسانه ها –چه آنلاین و چه چاپی استفاده میشن- رو یکسان میبینند. نه تنها لوگو، که رنگها، فونت و حتی پوستر قالب هم شامل این قانون میشن.
از دیرباز سازمانهایی مثل ناسا با یک راهنمای سبک خیلی کامل از هویت برندشون محافظت کرده‌اند. تو راهنمای سبک سال 1974 لوگوی ناسا در اندازه های مختلف نمایش داده شده تا طراح ها کاملا بدونن از چی باید استفاده کنند.
طراحی لوگو
اگه به رهنمای سبک اپل و Eve نگاه کنید، میبینید که لوگو رو در اندازه مختلف ارائه دادند تا بشه تو زمینه های مختلف ازشون استفاده کرد. یه راهنمای سبک باید حداکثر و حداقل اندازه رو برای لوگو عرضه کنه، چون جزئیات در لوگوهای کوچیک حذف میشه که سریعتر لود بشن. بنابراین اگه لوگویی که استفاده میکنیم، نسبت به اندازه مورد نیاز زیادی بزرگ باشه، سنگین میشه و دیر لود میشه و اگه اندازه لوگو نسبت به اونچه که باید باشه زیادی کوچک باشه، جزئیات رو نشون نمیده و وضوح پایینی داره. تو راهنمای سبک باید مثالهایی آورده بشه که به روشنی نشون بده چه کارهایی نباید با لوگو انجام داد.
گزینه های پیش روی طراح سایت خیلی متنوع تر از طراح گرافیکیه. مثلا برای لوگوی آنلاین میشه انیمیشن بکار برد، اما نسخه چاپی باید ثابت باشه. اما نباید اجازه بدیم امکانات محیط آنلاین ما رو از راهنمای سبک برند غافل کنه. یه راهنمای سبک خوب باید نسخه های آنلاین هم داشته باشه که برای طراحی های بیشتری بشه ازش استفاده کرد.
سورس:طراحی سایت دارکوب darkoob.co.ir
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

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

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

امروز ۲ تا روش برای دور زدن حالت روح موبوگرام بهتون معرفی میکنم امیدوارم که براتون مفید باشه با ما همراه باشید:

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

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


یکی از این شغلها طراحیه سایته، یعنی اگه نبود قطعا به ما هم نیازی نبود. ما بدون انیمیشن میخواستیم چی کار کنیم؟ بدون پس زمینه های رنگی، نوشته های فانتزی و پخش موسیقی در پس زمینه؟
اصلا اینها از کی شروع شد؟
سال 1369 اولین مرورگر توسعه یافت که اسمش WorldWideWeb بود، اما بعدها به نکسوس تغییر نام داد. در اون زمان روی صفحه وب فقط متن نوشته میشد، نه فونت فانتزی، نه عکسی نه ویدئویی، فقط متن ساده با لینکهای آبیِ زیر خط دار. 
سه سال بعد Mosaic منتشر شد، اولین مرورگر وب که روش میشد از تصویر در صفحات وب استفاده کرد. این مرورگر از تصاویر .gif و مدلهای مخصوص وب پشتیبانی میکرد که برای زمان خودش خیلی بود.
طراحی صفحات خیلی عالی و دلچسب نبود و دلیلش هم محدودیت پهنای باند بود که مرورگر رو محدود میکرد، در واقع بیشتر برنامه نویسها تو مشکل بودند تا طراح ها.
اواسط دهه 70 بهترین مرورگر وب Netscape بود اما خیلی زود اینترنت اکسپلورر جاشو گرفت و جنگ مرورگرها شروع شد. در این مدت طراحی سایت با استفاده از جداول و قالبها و عکسهای بیشتر رفته رفته پیچیده تر شد.
تصاویر گیف متحرک برای ساخت دکمه های سایت بکار رفت و جاوااسکریپت روی بعضی سایتها دیده میشد.
از اواخر دهه 70 دیگه جعبه ابزارهای توسعه وب بوجود اومدن. شاید DreamWeaver یا GoLive رو به خاطر داشته باشید. هرچی  تعداد کاربرهایی که به ساخت صفحات وب دسترسی داشتن بیشتر میشد، محبوبیت این جعبه ابزارها هم بیشتر میشد.
وقتی تعداد سایتها بیشتر شد، طراحان وب بیشتری به کار گرفته شدند و شغلهای بیشتری تو طراحی وب بوجود اومدن. فناوری فلش هم تو همین دوره از طراحی وبسایت ظهور کرد، هرچند اوایل شهرت چندانی نداشت.
سالهای 1379 تا 1383
سال 79 خیلی از کسب و کارهای مربوط به وب ارزششونو از دست دادند، هرچند که موقتی بود و زیاد طولی نکشید. استانداردهای طراحی وب دوباره بکار گرفته شدند.
حالا کم کم شاهد کلاس بهتری از طراحی ها هستیم. طراحی هایی داشتیم که بر اساس جدول نبودند، تونستیم با تصاویر .png تو عکسهامون شفافیت داشته باشیم و CMSها (سیستم های مدیریت محتوا) شروع به کسب شهرت و محبوبیت کردند. سیستم مدیریت محتوا برنامه ایه که به طراح ها در انتشار محتوا روی وب کمک میکنه. طراح هر وقت بخواد میتونه به پنل مدیریت بره و چیزهایی رو که قبلا منتشر کرده بوده ویرایش کنه و تغییر بده.
سالهای 1383 تا 1386
وب 0.2 در سال 83 متولد شد. این دوره، دوره سایتهای بزرگنما بود که با هدف برقراری ارتباط بوجود اومده بودن. تایپوگرافی های بُلد (Bold) و اجزای درخشان بیشتر شدند. زوایا گرد شدند و طراحی سایت یه بار دیگه با سرعت نور پیشرفت کرد.
سایتها در این زمان کم کم عملکردی تر شدند و برای درست کار کردن نیاز به رابط کاربری داشتند. ویجت ها ظهور کردند تا سایتها با هم ترکیب بشن. معمولا شبکه های اجتماعی و وصل کردن خوراکهای خارجی به سایت یا از سایت به وبلاگ از این خاصیت بهره میبرند. 
این دوره به خاطر افزایش دسترسی مردم عادی به سایتها مشهور شده. توسعه هایی مثل وردپرس و بلاگر با راهنمایی های کاربرپسندشون در مورد ساخت سایت با مردم معمولی کمک کردند تا بدون دانش HTMLیا CSS بتونن سایت بسازن.
سورس:طراحی سایت دارکوب sitedar.com
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.