مهمترین اصول طراحی سایت برای ایجاد یک سایت حرفه‌ای
در طراحی وب‌سایت، چندین عامل کلیدی در موفقیت یا شکست آن به‌عنوان یک پروژه نقش دارند. یک وب‌سایت خوش‌ساخت نه تنها اعتماد را تقویت می‌کند، بلکه ...
آموزش طراحی سایت
اگر دوست دارید وارد دنیای طراحی سایت و توسعه وب شوید، پیشنهاد ما به شما استفاده از دوره‌های آموزش طراحی وب است. در مکتب خونه انواع دوره <anchor>آموزش طراحی سایت</anchor> و توسعه وب با رویکردهای مختلفی وجود دارد که تمام نیازهای کاربران را پوشش می‌دهند. همچنین می‌توان انواع دوره‌های زیر را نیز در مکتب خونه یافت:
آموزش طراحی سایت | مقدماتی تا پیشرفته | آنلاین و غیرحضوری
آموزش طراحی سایت \| مقدماتی تا پیشرفته \| آنلاین و غیرحضوری

دسته‌بندی‌ها

- [برنامه‌نویسی](/learn/programming/)
- [زبان‌های خارجی](/learn/language/)
- [آی‌تی و نرم‌افزار](/learn/it-software/)
- [مدیریت و کسب و کار](/learn/management-business/)
- [مالی و سرمایه‌گذاری](/learn/finance-investment/)
- [دانشگاهی: فنی و مهندسی](/learn/academic-technical-engineering/)
- [مهارت‌های زندگی](/learn/life-skills/)
- [دانشگاهی: علوم‌پایه، انسانی، پزشکی](/learn/academic-sciences-humanities-medicine/)
- [هنر](/learn/art/)

[مسیرهای یادگیری](/landings/roadmaps/)

[آموزش سازمانی](/maktab-business/)

دسترسی نامحدود برای سازمان‌ها به بیش از
۲۰،۰۰۰ ساعت محتوای آموزشی در
هرکجا و هرزمان
[از اینجا شروع کنید](/maktab-business/)

[تدریس کنید](/teaching/) [کلاس آنلاین زبان](https://maktabclass.com/?utm_source=maktabkhooneh&utm_medium=header-link&utm_campaign=maktabkhooneh-referral)

[برنامه‌نویسی](/learn/programming/)

[طراحی سایت](/learn/web-design/)

[طراحی اپلیکیشن](/learn/application-design/)

[پایگاه داده](/learn/database/)

[زبان‌های برنامه‌نویسی](/learn/programming-languages/)

[بازی‌سازی](/learn/game-development/)

[هوش مصنوعی](/learn/artificial-intelligence/)

[آموزش برنامه‌نویسی کودکان و نوجوانان](/learn/programming-training-children-teenagers/)

[ابزارهای برنامه‌نویسی](/learn/programming-tools/)

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

بیش از
90,559
دانشجو در این دسته از دوره‌ها شرکت کرده‌اند.


نوع دوره


دوره‌های مکتب‌پلاس

دوره‌های رایگان

همایش‌ها و رویدادها

موضوعات


برنامه‌نویسی


طراحی سایت


ویژگی‌ها


همکار/دانشگاه


## صفحات پربازدید

[آموزش گرافیک](https://maktabkhooneh.org/course/آموزش-رایگان-گرافیک-کامپیوتری-mk665/)

[آموزش فرانت اند](https://maktabkhooneh.org/course/طراحی-وب-سایت-front-end-mk3/)

[آموزش اندروید](https://maktabkhooneh.org/course/آموزش-برنامه-نویسی-اندروید-mk337/)

اعمال فیلترها

مرتب سازی:

پیشفرض

جدیدترین‌ها

محبوب‌ترین

بالاترین امتیاز


80
دوره


## آموزش جنگو Django

علی بیگدلی

4.6

(191)


4,238
دانشجو

129جلسه

94
ساعت

گواهینامه


30٪


1,619,000

1,133,300

تومانء


## آموزش جنگو پیشرفته

علی بیگدلی

4.6

(70)


1,835
دانشجو

160جلسه

120
ساعت

گواهینامه


30٪


1,809,000

1,266,300

تومانء


## آموزش طراحی فروشگاه با جنگو

علی بیگدلی

4.8

(11)


278
دانشجو

114جلسه

40
ساعت

گواهینامه


30٪


1,809,000

1,266,300

تومانء


## آموزش زبان آلمانی (کتاب منشن) سطح A.1.2

فرزاد علی خانی

3
دانشجو

12جلسه

2
ساعت

199,000

تومانء


## آموزش وردپرس (WordPress)

آرش کاویانی

4.1

(128)


3,819
دانشجو

60جلسه

46
ساعت

گواهینامه


30٪


1,029,000

720,300

تومانء


## آموزش React JS مقدماتی

احسان گازار

4.1

(45)


1,717
دانشجو

57جلسه

26
ساعت

گواهینامه


30٪


1,179,000

825,300

تومانء


## آموزش جامع طراحی سایت با وردپرس

مهدی مصطفی‌پور

4.2

(13)


634
دانشجو

55جلسه

26
ساعت

گواهینامه


30٪


1,049,000

734,300

تومانء


## آموزش مدیریت منابع انسانی در زنجیره تامین

محسن شيخ سجادیه

8
دانشجو

12جلسه

1:07
ساعت

269,000

تومانء


## آموزش طراحی وب‌سایت (Front-End)

احسان گازار

3.8

(48)


1,279
دانشجو

69جلسه

48
ساعت

گواهینامه


30٪


1,509,000

1,056,300

تومانء


## آموزش جاوا اسکریپت (JavaScript)

احسان گازار

3.5

(78)


3,173
دانشجو

76جلسه

45
ساعت

گواهینامه


30٪


999,000

699,300

تومانء


## آموزش طراحی سایت با CSS پیشرفته و Sass

مهدی تهورگر

3.9

(17)


899
دانشجو

87جلسه

42
ساعت

گواهینامه


30٪


1,259,000

881,300

تومانء


## آموزش کوچه پس کوچه‌های توابع اکسل 2021

محمد سوری

19
دانشجو

74جلسه

13
ساعت

999,000

تومانء


## آموزش React JS پیشرفته

احسان گازار

3.6

(27)


1,255
دانشجو

71جلسه

42
ساعت

گواهینامه


30٪


1,439,000

1,007,300

تومانء


## آموزش ساخت فروشگاه اینترنتی با وردپرس

سید مهدی مظهری موسوی

3.6

(195)


7,095
دانشجو

56جلسه

66
ساعت

گواهینامه


30٪


959,000

671,300

تومانء


## آموزش گولنگ (Go Complete Guide)

کیارش امیری

4.2

(5)


146
دانشجو

161جلسه

18
ساعت

30٪


1,799,000

1,259,300

تومانء


## آموزش متلب در محاسبات عددی

عرفان صابر

6
دانشجو

56جلسه

9
ساعت

1,399,000

تومانء


تخصص‌های طراحی سایت


[بک‌اند (django)](/career/تخصص-بک-اند-djanjo-mk35/)گواهینامه تخصص

7
دوره

435
ساعت

501
جلسه

45٪


12,573,000

6,915,150

تومانء


[آموزش طراحی وب‌سایت با پایتون و جنگو (python, django)](/career/طراحی-وب-سایت-پایتون-جنگو-mk12/)گواهینامه تخصص

5
دوره

284
ساعت

280
جلسه

45٪


7,215,000

3,968,250

تومانء


[بک اند (َAsp.NET)](/career/تخصص-بک-اند-asp-net-mk37/)گواهینامه تخصص

4
دوره

122
ساعت

252
جلسه

45٪


5,236,000

2,879,800

تومانء


[راه‌اندازی فروشگاه اینترنتی](/career/تخصص-راه-اندازی-فروشگاه-اینترنتی-mk59/)گواهینامه تخصص

5
دوره

196
ساعت

176
جلسه

45٪


6,445,000

3,544,750

تومانء


[فرانت اند](/career/تخصص-فرانت-اند-mk34/)گواهینامه تخصص

5
دوره

172
ساعت

306
جلسه

45٪


6,085,000

3,346,750

تومانء


[آموزش Front-End با React JS](/career/آموزش-front-end-react-js-mk23/)گواهینامه تخصص

6
دوره

186
ساعت

347
جلسه

45٪


6,804,000

3,742,200

تومانء


[بک اند (node.js)](/career/تخصص-بک-اند-node-js-mk38/)گواهینامه تخصص

5
دوره

142
ساعت

274
جلسه

45٪


5,535,000

3,044,250

تومانء


[بک‌اند (PHP)](/career/تخصص-بک-اند-php-mk36/)گواهینامه تخصص

4
دوره

158
ساعت

428
جلسه

45٪


5,716,000

3,143,800

تومانء


[آموزش طراحی سایت با php](/career/آموزش-طراحی-سایت-php-mk7/)گواهینامه تخصص

5
دوره

349
ساعت

311
جلسه

45٪


6,285,000

3,456,750

تومانء


## آموزش ASP.NET Core

رامین محمدحسینی

3.4

(53)


1,239
دانشجو

83جلسه

33
ساعت

گواهینامه


30٪


1,199,000

839,300

تومانء


## آموزش طراحی وب سایت (Front-End)

امیرحسین ناظم

3

(683)


12,023
دانشجو

65جلسه

66
ساعت

گواهینامه


30٪


649,000

454,300

تومانء


## آموزش Postman

علی شیخ

3.8

(12)


857
دانشجو

25جلسه

3
ساعت

30٪


469,000

328,300

تومانء


## آموزش جامع تحلیل آنچین On-Chain در بازار ارزهای دیجیتال

مهدی شمشیری

6
دانشجو

28جلسه

4
ساعت

899,000

تومانء


## آموزش جامع طراحی سایت (فرانت‌اند و بک‌اند) با PHP

منیره بسطامی

4.7

(3)


422
دانشجو

68جلسه

21
ساعت

گواهینامه


30٪


739,000

517,300

تومانء


## آموزش صفر تا صد طراحی سایت با وردپرس

هستی راد

5

(1)


53
دانشجو

64جلسه

14
ساعت

799,000

تومانء


## آموزش برنامه‌نویسی مقدماتی Rust

کوروش کاکایی

3.7

(10)


258
دانشجو

37جلسه

7
ساعت

289,000

تومانء


## آموزش روش‌های مبارزه با پولشویی

محمد قماشچی

4
دانشجو

17جلسه

4
ساعت

789,000

تومانء


## آموزش ساخت فروشگاه اینترنتی با لاراول

علی شیخ

4.3

(6)


470
دانشجو

212جلسه

43
ساعت

30٪


1,339,000

937,300

تومانء


## آموزش HTML و CSS

زهرا شهاب

2.8

(98)


3,521
دانشجو

23جلسه

20
ساعت

گواهینامه


30٪


969,000

678,300

تومانء


## آموزش Node.js

احسان گازار

3.5

(29)


756
دانشجو

48جلسه

19
ساعت

گواهینامه


30٪


1,069,000

748,300

تومانء


## آموزش رایگان برنامه نویسی پیشرفته به زبان ++C

دانشگاه صنعتی شاهرود


حسین خسروی

33
دانشجو

20جلسه

23
ساعت

رایگان


## دوره آموزش React

دانشگاه صنعتی شریف


سورنا سلیمانی

3.6

(181)


2,438
دانشجو

34جلسه

46
ساعت

گواهینامه


30٪


409,000

286,300

تومانء


## آموزش شی گرایی در جاوا اسکریپت پروژه محور

علی شیخ

1

(1)


428
دانشجو

16جلسه

1:48
ساعت

509,000

تومانء


## آموزش جامع اچ تی ام ال و سی اس اس (HTML, CSS)

فرشید شیرافکن

5

(3)


53
دانشجو

118جلسه

12
ساعت

779,000

تومانء


## آموزش استفاده از ماشین لرنینگ برای داده‌های شما با Google Cloud

Coursera


Google Cloud Training

32
دانشجو

20جلسه

1:11
ساعت

129,000

تومانء


1

2

3

4

## رایج‌ترین زبان‌های برنامه نویسی وب

زبان برنامه نویسی وب مانند سایر زبان‌های برنامه نویسی دارای دو بخش اصلی دارد:

- برنامه نویسی سرور
- برنامه نویسی Client

معمولا زبان‌هایی که بیشتر در زبان **برنامه نویسی وب** و در بخش سرور قرار دارند شامل:

- XML
- HTML
- JavaScript
- PHP
- Perl 5

این نکته را فراموش نکنید که **برنامه نویسی وب** با [برنامه نویسی](https://maktabkhooneh.org/learn/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-IT-mk58/ "برنامه نویسی") کاملا متفاوت است. در بخش کلاینت (Client) زبان‌های اسکریپت شده نقش برنامه‌نویسی را برعهده دارند.

- چرا یادگیری برنامه نویسی وب اهمیت است؟

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

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

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

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

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

در این بخش نیز می‌خواهیم بگوییم که تمامی زبان‌های برنامه نویسی که با [طراحی وب سایت](https://maktabkhooneh.org/learn/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-mk60/ "طراحی وب سایت") صورت می‌گیرد با استفاده از Html ,Css,Javascript که اصطلاحا فرانت اند (front end) نام دارد طراحی می‌شوند.

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

#### [آموزش طراحی سایت](https://maktabkhooneh.org/learn/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-Front-End-mk60/)

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

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

### [آموزش HTML](https://maktabkhooneh.org/course/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-HTML-CSS-mk865/ "آموزش HTML")

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

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

### [آموزش CSS](https://maktabkhooneh.org/course/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-CSS-%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87-Sass-mk1001/ "آموزش CSS")

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

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

### آموزش زبان جاوا اسکریپت

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

می‌توان گفت برخلاف HTML و CSS که جزء زبان‌های نشانه گذاری بودند، [جاوا اسکریپت](https://maktabkhooneh.org/course/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-mk1122/ "جاوا اسکریپت") زبان برنامه نویسی اسکریپت شده است و برای یادگیری آن نیاز به زمان بیشتری پیدا خواهید کرد.

اینجاست که دیگر شما نحوه طراحی سایت را تا حدودی شناخته‌اید و می‌توانید ساختار ظاهری سایت (فرانت اند) را براساس معیارهای خود طراحی کنید.

### ابزارهای لازم برای طراحی وب سایت

در حالی که شما در حال آموزش زبان‌های برنامه نویسی برای طراحی وب سایت هستید ابزارهایی در این میان وجود دارند که باید برای طراحی وب سایت خود از آنان استفاده کنید این ابزارها شامل:

- PhpStorm (php)
- Microsoft Visual Studio (asp.net)
- Microsoft Expression Web
- Notepad++
- Adobe Dreamweaver
- Komodo Edit
- Aptana Studio
- NetBeans

### تفاوت میان برنامه نویس وب با طراح وب چیست

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

تفاوتی که میان برنامه نویس وب و طراح وب وجود دارد این است که برنامه نویس وب همانطور که از نامش پیداست کدهای base را تحت سرویس‌های وب می‌نویسد. اما طراح وب سایت ظاهر و رابط کاربری، وب سایت را طراحی می‌کند.

در واقع می‌توانیم بگوییم که فردی که ظاهر سایت را طراحی می‌کند، طراح سایت یا Web designer نام دارد و فردی که کدها را براساس برنامه نویسی سرور می‌نویسد **برنامه نویس وب** نام دارد. البته ناگفته نماند افرادی هم هستند که علاوه بر طراح وب سایت، برنامه نویسی وب هم بلد هستند و می‌توانند هر دو کار را باهم انجام دهد.

### انواع **برنامه نویسی وب**

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

### برنامه نویسی فرانت اند (Front End)

برنامه نویسی در بخش Front End می‌تواند با کاربر ارتباط برقرار کند و به نوعی کاربر می‌تواند کارهایی که برنامه نویس بر روی سایت انجام داده است را مشاهده کند. به طور کلی این نوع برنامه نویسی سمت کاربر را می‌گیرد و بیشتر با کاربر تعامل دارد.

نکته: برنامه نویسی فرانت اند در بخش برنامه نویسی Client قرار دارد.

زبان‌های مورد نیاز برای برنامه نویسی Front End شامل:

- زبان برنامه نویسی Html
- زبان برنامه نویسی Css
- زبان جاوا اسکریپت (Java Script)

### برنامه نویسی بک اند (Back End)

در برنامه نویسی Back End کاربر دیگر قادر نیست تا کارهایی که برنامه نویس بر روی سایت انجام داده است را مشاهده کند. برنامه نویس Back End وظیفه دارد که این بخش از وب سایت را توسعه دهد و باعث رشد بیشتر وب سایت شود.

نکته: برنامه نویسی Back End در بخش برنامه نویسی سرور قرار می‌گیرد.

زبان‌های مورد نیاز برای برنامه نویسی Back End شامل:

- زبان برنامه نویسی php
- زبان برنامه نویسی asp
- زبان برنامه نویسی پایتون (Python)

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

### ابزارهای مورد نیاز برای **برنامه نویسی وب**

برای اینکه بتوانید **برنامه نویسی وب** را انجام دهید نیاز به ابزارهایی دارید که کار را برای شما راحت‌تر کنند. برای اینکه دستورات php و asp به راحتی بتوانند در کامپیوتر اجرا شوند کامپیوتر باید به یک local host یا همان سرور محلی تبدیل شود. برای نوشتن دستورات و کدها نیز به یک ویرایشگر نیاز دارید.

#### نصب نرم افزارهای XAMPP یا WAMP

با این نرم افزارها می‌توانید کامپیوتر خود را به local host یا همان سرور محلی تبدیل کنید و این نرم افزارها می‌توانند کدهای سرور را به راحتی در رایانه شما اجرا کنند.

#### نصب نرم افزار ویرایشگر متن

شما می‌توانید نرم افزار ویرایشگر متن مانند Adobe Dreamweaver را بر روی رایانه خود نصب کنید تا این نرم افزار با توجه به قابلیت‌هایی که دارد، بستر کدنویسی را برای شما فراهم ‌‌کند.

### مختصر آموزش UI و UX

شاید اتفاق افتاده باشد که در مجلات و گزارشات روزانه دیجیتالی با رابط کاربری و تجربه کاربری برخورد کرده باشید و ندانید این دو چه تفاوتی با یکدیگر دارند؟! اگر بخواهیم یک تعریف کلی برای این دو رابط داشته باشیم باید بگوییم که به رابط کاربری UI و به تجربه کاربری UX می‌گویند.

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

مهم‌ترین مسئله‌ای که وجود دارد این است که بدانیم UI  علامت اختصاری User Interface است و هر جا که صحبت از کار کاربر با سایت یا نرم افزار باشد، نام رابط کاربری شنیده می‌شود.

حال بگذارید کمی در رابطه با تجربه کاربری (UX) صحبت کنیم اجازه دهید UX را اینگونه تعریف کنیم که به تمامی تجربیات خوب و بدی که ما از یک محصول دریافت می‌کنیم تا تصمیم بگیریم آن محصول را بخریم یا نخریم، تجربه کاربری یا UX می‌گویند.

اگر قصد دارید که به یک طراح UI و UX تبدیل شوید به چند ابزار نیاز دارید که عبارت اند از:

### نرم افزار اسکچ (Sketch)

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

### نرم افزار Adobe XD

این نرم افزار ابزاری برای طراحی وب سایت است و شما به راحتی می‌توانید تمامی ایده‌های خود را برای طراحی وب سایت با استفاده از این نرم افزار به اجرا در بیاورید.

### نرم افزار فیگما (Figma)

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

مکتب‌‌کلاسکلاس‌های آنلاین خصوصی با برترین اساتید زبان

[مشاهده اساتید](https://maktabclass.com/find-teachers/english/)

مکتب‌خونه، آموزش مجازی با کیفیت برای همه؛ بدون مرز، همیشه، همه‌جا

[021-91005646](tel:+982191005646) [info@maktabkhooneh.org](mailto:info@maktabkhooneh.org)

[درباره‌ مکتب‌خونه](/aboutus/)[تماس با ما](/contactus/)[پاسخ به پرسش‌های متداول](/faq/)[شرایط استفاده](/tos/)[استعلام گواهی‌نامه](/certificates/)[وبلاگ](/mag/)[مکتب‌‌تاک](https://youtube.com/playlist?list=PLAu43_uf7P19xsf1ffHYP9-_9h2mcNOLS)[مکتب کلاس](https://maktabclass.com/)[همکاری در تولید محتوا](/content-landing/)[رزرو استدیو برای ضبط دوره](https://knowledgebase.maktabkhooneh.net/landing-studio/)[منتور شوید](https://knowledgebase.maktabkhooneh.net/mentoring/)[فرصت‌های شغلی](https://mktb.me/472j)[آموزش سازمانی](/maktab-business/)[تدریس در مکتب‌خونه](/teaching/)

مکتب‌‌خونه را در شبکه‌های اجتماعی دنبال کنید:


[telegram-outline](https://telegram.me/maktabkhooneh)[instagram](https://instagram.com/maktabkhooneh/)[linkedin-outline](https://www.linkedin.com/company/maktabkhooneh/)[twitter](https://twitter.com/maktabkhooneh)[youtube](https://www.youtube.com/maktabkhoonehYT)[aparat](https://www.aparat.com/maktabkhooneh)[facebook](https://www.facebook.com/maktabkhooneh)

دانلود اپلیکیشن مکتب‌خونه:

[دانلود مستقیم](https://media.s3.ir-thr-at1.arvanstorage.ir/app/app-release-signed-14-july.apk) [دانلود از  چارخونه](https://mktb.me/0jyf/) [دانلود از  play store](https://mktb.me/fjv9/)

ندای دانش همراه ایرانیان همه حقوق محفوظ است © ۱۴۰۳