-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
133 lines (117 loc) · 6.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!Doctype html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Awesome UXD List</title>
<meta name="description" content="Referensi link UI UX Design contents" />
<meta name="robots" content="noindex,nofollow">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<nav class="navbar darkly py-2">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item has-text-white is-size-5 has-text-weight-semibold" href="https://ryokavertikal.github.io/awesome-uxd/">
Awesome UXD
</a>
<div class="navbar-burger burger" data-target="navbarGo">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="navbarGo" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item has-text-white" href="https://medium.com/ryoka-site/about">Tentang</a>
<a class="navbar-item has-text-white" href="https://medium.com/ryoka-site">Blog</a>
</div>
<div class="navbar-end">
<a class="navbar-item has-text-white" href="https://github.com/ryokavertikal/awesome-uxd">
Github
</a>
</div>
</div>
</div>
</nav>
<section class="hero is-medium darkly has-text-centered">
<div class="hero-body">
<div class="container">
<h1 class="title has-text-white">Awesome UXD</h1>
<h3 class="subtitle is-size-6 has-text-light">
Referensi UI, UX and other things
</h3>
</div>
</div>
</section>
<section class="section" id="awesome-list">
<div class="container">
<h2 class="title is-size-6 has-text-weight-semibold has-text-white">
Articles </h2>
<div class="box">
<p>
1. What Is UX Design? <a class="is-link is-size-7" href="https://careerfoundry.com/en/tutorials/ux-design-for-beginners/what-is-ux-design/">Careerfoundry</a>
</p>
<p>
2. Beginner's guide to UX <a class="is-link is-size-7" href="https://theuxreview.co.uk/beginners-guide-ux/">Theuxreview</a>
</p>
<p>
3. An Introduction to User Experience Design <a class="is-link is-size-7" href="https://medium.com/beakerandflint/an-introduction-user-experience-design-2a7f8167bf03">Medium</a>
</p>
<p>
4. How to Master Shapes in UX/UI Design Through its Psychology <a class="is-link is-size-7" href="https://medium.com/@ROD_Pexeon/how-to-master-shapes-in-ux-ui-design-through-its-psychology-a27555fd9624">Medium</a>
</p>
<p>
5. 5 UX Tricks You Must Know in 2022 <a class="is-link is-size-7" href="https://tapajyoti-bose.medium.com/5-ux-tricks-you-must-know-in-2022-913bade67bb4">Medium</a>
</p>
<p>
6. Color in UI Design: A (Practical) Framework <a class="is-link is-size-7" href="https://learnui.design/blog/color-in-ui-design-a-practical-framework.html">Learnui.design</a>
</p>
<p>
7. The self-taught UI/UX designer roadmap in 2021 <a class="is-link is-size-7" href="https://bootcamp.uxdesign.cc/the-self-taught-ui-ux-designer-roadmap-in-2021-aa0f5b62cecb?gi=2f8bf28de771">Medium</a>
</p>
<p>
8. How to get hired as a UI/UX Designer in 2022, you’ll need to show these 8 skills in your portfolio <a class="is-link is-size-7" href="https://medium.com/@ulvin-omarov/how-to-get-hired-as-a-ui-ux-designer-in-2022-youll-need-to-show-these-8-skills-in-your-portfolio-4980bec70553">Medium</a>
</p>
<p>
9. How to Design better dashboards? <a class="is-link is-size-7" href="https://medium.com/@toharshk/how-to-design-better-dashboards-c90d84460734">Medium</a>
</p>
<p>
10. How to simplify your design<a class="is-link is-size-7" href="https://medium.com/@uxmag/how-to-simplify-your-design-80d2a4ebf057">Medium</a>
</p>
</div>
<h2 class="title is-size-6 has-text-weight-semibold has-text-white" style="margin-top: 10px;">Books</h2>
<div class="box">
<p>
1. Ux for beginners <a class="is-link is-size-7" href="https://www.oreilly.com/library/view/ux-for-beginners/9781491912676/">Oreilly</a>
</p>
<p>
2. Don’t Make Me Think <a class="is-link is-size-7" href="https://www.amazon.com/Dont-Make-Think-Revisited-Usability-ebook/dp/B00HJUBRPG/ref=zg_bs_4033_3?_encoding=UTF8&psc=1&refRID=NVPJ9DJC3JNGPB7BT8QC">Amazon</a>
</p>
<p>
3. Service Design: From Insight to Implementation <a class="is-link is-size-7" href="https://www.amazon.com/Service-Design-Implementation-Andy-Polaine/dp/1933820330/ref=sr_1_1?s=books&ie=UTF8&qid=1419267787&sr=1-1&keywords=Service+Design?utm_source=CMblog&utm_medium=post&utm_campaign=blog_">Amazon</a>
</p>
<p>
4. Petunjuk memulai UX dari nol
<a class="is-link is-size-7" href="https://www.halodesigners.com/petunjuk-ux">halodesigners</a>
</p>
</div>
<h2 class="title is-size-6 has-text-weight-semibold has-text-white" style="margin-top: 21px;">Videos</h2>
<div class="box">
<p>
1. Getting Started In User Experience Design - UXD Fundamentals <a class="is-link is-size-7" href="https://www.youtube.com/watch?v=2_Q4btaMsQ4">Youtube</a> </p>
<p>2. Design crash course for beginner
<a class="is-link is-size-7 href=" https://www.youtube.com/watch?v=_Hp_dI0DzY4 ">Youtube</a>
</p>
<p>3. Figma design for beginner
<a class="is-link is-size-7 href="https://www.youtube.com/watch?v=FTFaQWZBqQ8">Youtube</a>
</p>
</div>
</div>
</section>
<section class="footer has-text-centered py-10 darkly">
<p class="has-text-white">Made by <a class="has-text-success" href="https://twitter.com/ryokavertikal">Ryoka</a></p>
</section>
<script src="js/nav.js"></script>
</body>
</html>