<h2 style="font-size: 14px;">Việc các bạn sinh viên tự thực hành làm app thường là 1 việc không đơn giản. Ngoài lý do về thiếu kĩ năng, thiếu file thiết kế cũng khiến sinh viên khó khăn và không có động lực để làm ra sản phẩm đẹp. Bởi vậy, Techkids đã tổng hợp 35 bộ thiết kế UI chuẩn miễn phí, dành cho app Android mới nhất.</h2>
<span style="font-weight: 400;">Những bộ giao diện này đều có dạng .PSDs và .AI nên bạn sẽ cảm thấy dễ dang làm bất cứ điều chỉnh hay thay đổi nào.</span>

&nbsp;
<h3><a href="https://www.behance.net/gallery/32120585/Fair-Mobile-UI-Kit"><b>Fair Mobile UI Kit</b></a></h3>
&nbsp;

<img class="size-large wp-image-649 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Fair-Mobile-UI-Kit-700x399.png" alt="fair-mobile-ui-kit" />

&nbsp;

<span style="font-weight: 400;">Trong pack này bạn sẽ tìm thấy hơn <strong>140</strong> màn hình ứng dụng riêng lẻ sẵn sàng để được chỉnh sửa và ứng dụng được ngay trên app của bạn: 22 màn hình đăng ký và đăng nhập, tất cả đi đến từ rất nhiều nguồn đa dạng, với nhiều tính năng khác nhau. Tập hợp 13 màn hình Walkthrough để làm cho quá trình </span>on - boarding<b> </b><span style="font-weight: 400;">thân thiện và riêng tư hơn.</span>

<span style="font-weight: 400;">Ngoài ra còn có <strong>25</strong> màn hình blog và trình đọc nội dung giúp bạn nhanh chóng thiết kế một blog di động và thân  hiện dễ đọc cho ứng dụng/ trang web của bạn - tính năng kiểu cá nhân cho người viết, <strong>20</strong> màn hình thương mại điện tử độc đáo liên quan cho phép giới thiệu/trưng bày sản phẩm, để bán sản phẩm, để thanh toán, và có hơn <strong>15</strong> màn hình phương tiện truyền thông mạng xã hội để giúp đỡ người khác kết nối với các thiết bị khác thông qua tính tương tác xã hội.</span>

&nbsp;
<h3><a href="http://freebiesbug.com/psd-freebies/routes-ui-kit-for-ios/"><b>Routes UI Kit for iOS</b></a></h3>
&nbsp;

<img class="size-large wp-image-650 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Routes-UI-kit-for-iOS-700x528.png" alt="routes-ui-kit-for-ios" />

&nbsp;

<span style="font-weight: 400;">Bộ thiết kế UI Routes được xây dựng dành riêng cho các nhà phát triển iOS</span>

<span style="font-weight: 400;">Routes Kit được chia thành bảy chủ đề khác nhau như: du lịch, mua sắm trực tuyến, phương tiện truyền thông mạng xã hội, thông tin người dùng, các khoản mục menu, mẫu đăng ký và đăng nhập, và các mẫu Walkthrough để giúp cho quy trình </span>on-boarding<span style="font-weight: 400;"> trở nên hơn linh hoạt. </span><span style="font-weight: 400;">Tất cả đều là thiết kế dạng véc-tơ, và bao gồm hơn 100 màn hình chất lượng cao độc đáo và được chia thành bảy chủ đề. </span>

<span style="font-weight: 400;">Pack này khá thích hợp cho các app theo style tối giản và hiện đại, bán hàng trực tuyến, hoặc có thể quảng bá cho những thứ đại loại như phòng khách sạn. Đặc biệt Routes Kit còn có những màn hình thiết kế chuyên dùng để thu thập đánh giá của người dùng.</span>

&nbsp;
<h3><a href="https://dribbble.com/shots/2436143-Clean-Modern-iOS-UI-Kit"><b>Clean and Modern iOS UI Kit</b></a></h3>
&nbsp;

<b><img class="size-large wp-image-651 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Clean-Modern-iOS-UI-Kit-700x200.png" alt="clean-modern-ios-ui-kit" /></b>

<span style="font-weight: 400;">Bộ thiết kế UI này gồm các screen giới thiệu và hướng dẫn sản phẩm, màn hình đăng nhập và đăng ký tối giản và khá đẹp mắt, màn hình tin tức, màn hình thông tin người dùng (bao gồm quản lý người dùng), màn hình lịch để quản lý các tác vụ và danh sách, cũng như những báo cáo cho những phần được người dùng xem nhiều nhất của ứng dụng . Vậy nên bộ thiết kế UI này khá phù hợp cho các app về tạp chí, thông tin, v.v...</span>

&nbsp;
<h3><a href="https://dribbble.com/shots/2434528-IM-Chat-Dashboard-PSD"><b>IM - Chat Dashboard PSD</b></a></h3>
&nbsp;

<img class="size-large wp-image-652 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/IM-Chat-Dashboard-PSD-700x472.png" alt="im-chat-dashboard-psd" />

&nbsp;

<span style="font-weight: 400;">Các ứng dụng gửi tin nhắn đang trở nên phổ biến với sự xuất hiện của Slack, WhatsApp, Skype, ... Và nếu bạn muốn xây dựng một app tương tự, đừng bỏ qua bộ thiết kế UI  Chat Dashboard PSD miễn phí này. Bạn có thể dễ dàng biến tấu thiết kế này để sử dụng trên ứng dụng di động của bạn rồi code thành app.</span>

&nbsp;
<h3><a href="https://dribbble.com/shots/2398307-Phoenix-UI-Vol-1-for-iPhone-6-Free-PSD-Sketch"><b>Phoenix UI: Vol 1 - for iOS 6 / Free PSD</b></a></h3>
<img class="size-full wp-image-653 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Phoenix-UI-Vol-1-for-iPhone-6-Free-PSD.png" alt="phoenix-ui-vol-1-for-iphone-6-free-psd" />

&nbsp;

<span style="font-weight: 400;">Bộ thiết kế UI Pheonix dùng cho iOS, bao gồm mười hai màn hình riêng lẻ. Màn hình đầu tiên là để chia sẻ, giống như Instagram; Người dùng có thể chia sẻ hình ảnh của họ, gắn thẻ vị trí và viết bình luận. Sau đó có màn hình thông tin người dùng, nơi người dùng có thể khám phá hộp thư đến và thay đổi thiết lập hồ sơ cá nhân của họ, có một màn hình riêng biệt cho hộp thư đến, một màn hình đăng nhập, một màn hình cho các ứng dụng thể dục thể thao có thể theo dõi nhiều thông tin người dùng ở cùng lúc và so sánh hiệu suất của họ, lịch cho các doanh nghiệp để thành viên trong nhóm có thể tự gắn thẻ chính mình trong các sự kiện, trên màn hình nội dung hiển thị, mọi người có thể tự gắn thẻ chính mình khi đã đến những địa điểm cụ thể. </span>

&nbsp;
<h3><a href="http://www.epicpxls.com/freebies/ui-kits/mobile-material-screens"><b>Mobile Material UI Screens</b></a></h3>
&nbsp;

<img class="size-large wp-image-654 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Mobile-Material-UI-Screens-700x527.png" alt="bộ thiết kế UI" />

&nbsp;
<h3><a href="https://dribbble.com/shots/2264446-Free-Ecommerce-UI-Kit"><b>Free Ecommerce UI Kit</b></a></h3>
&nbsp;

<img class="size-large wp-image-655 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Free-Ecommerce-UI-Kit-700x350.png" alt="free-ecommerce-ui-kit" />

&nbsp;

<span style="font-weight: 400;">Thương mại điện tử là một chủ để khá hot khi lập trình app trong thời gian gần đây. Nếu định phát triển app về thương mại điện tử, đừng bỏ qua bộ thiết kế UI này. Nếu biết cách tận dụng tốt, bạn có thể tiết kiệm nhiều thời gian hơn trong lĩnh vực thiết kế, và thay vào đó là dành nhiều thời gian hơn cho việc lập trình. Bộ thiết kế UI này dùng tông màu màu hồng đậm nên khá hợp với việc bán các sản phẩm cho nữ giới, thời trang. </span>

<span style="font-weight: 400;">Những màn hình filter riêng biệt sẽ cho phép bạn thu hẹp kết quả tìm kiếm các mặt hàng với việc lựa chọn sản phẩm nam/nữ, sử dụng thẻ thương hiệu để tìm các mặt hàng thuộc cùng một thương hiệu cụ thể, tìm kiếm thông qua các danh mục, chọn sản phẩm theo màu, và thậm chí chọn khung giá để giúp thu hẹp các mặt hàng phù hợp với ngân sách</span>

&nbsp;
<h3><a href="https://pixelbuddha.net/freebie/free-mobile-ui-kit-elegance-ios"><b>Elegance iOS UI Kit</b></a></h3>
&nbsp;

<img class="size-large wp-image-656 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Elegance-iOS-UI-Kit-700x526.png" alt="elegance-ios-ui-kit" />

&nbsp;

<span style="font-weight: 400;">Bộ thiết kế UI Elegance dành cho iOS bao gồm 12 màn hình PSD đúng chuẩn, tập trung vào thương mại điện tử; đặc biệt trong việc mua sắm những mặt hàng riêng lẻ trong lĩnh vực quần áo và thời trang. Hãy tiết kiệm cho mình một chút thời gian và sử dụng Elegance để code thay vì cố gắng tự thiết kế. </span>

&nbsp;
<h3><a href="https://drive.google.com/file/d/0B36qic2zSxxNRXNpS1RqekhWWXc/view"><b>iOS Livejoural Redesign Concept</b></a></h3>
&nbsp;

<img class="size-large wp-image-657 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/iOS-Livejournal-Redesign-Concept-700x405.png" alt="ios-livejournal-redesign-concept" />

&nbsp;

<span style="font-weight: 400;">Livejournal là một trong những chạy nền tảng mạng xã hội lâu đời nhất hoạt động phổ biến ở cả Mỹ và Nga. Livejournals giúp mọi người tạo ra nhật ký trực tuyến, blog, chia sẻ tâm tư, và nhận những phản hồi như bạn có thể làm ở bất kỳ nền tảng blog truyền thống nào khác. Livejournal Redesign Concept trên iOS là bộ thiết kế UI của cho Livejournal khá là đầy đủ. Bạn có thể tận dụng nó để  làm các app mạng xã hội tương tự như Live Journal </span>

&nbsp;
<h3><a href="http://awesomekit.me/"><b>AwesomeKit - Moblie Prototyping Kit</b></a></h3>
&nbsp;

<img class="size-large wp-image-661 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/AwesomeKit-700x350.png" alt="awesomekit" />

&nbsp;

<span style="font-weight: 400;">AwesomeKit có hơn 100 mẫu thiết kế UI và UX độc đáo mà bạn có thể tận dụng ngay để code app hoặc tái sử dụng để thiết kế các app  tương tự. Tuy nhiên hơi tiếc là bộ kit này chỉ dùng cho iOS developer, nên bạn nào là dev Android không trải nghiệm được</span>

<span style="font-weight: 400;">Còn nếu bạn có định hướng hoặc đang học iOS thì đừng ngần ngại mà down ngay bộ kit này về nha. Link down đã có ngay ở trên đó</span>

&nbsp;
<h3><a href="https://www.dropbox.com/s/2lq870a3oqq0ztw/iOS%20UI-Kit.psd?dl=0"><b>Iphone 6 UI</b></a></h3>
&nbsp;

<img class="size-large wp-image-659 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/iPhone-6-UI-700x747.png" alt="iphone-6-ui" />

&nbsp;

<span style="font-weight: 400;"> Bộ giao diện người dùng iPhone 6 đến từ Adrian Chiran đã kết hợp khá ổn các yếu tố UI, UX, tạo ra một thiết kế chuẩn và tự nhiên. Các màn hình app được xây dựng dựa trên nguyên mẫu của Instagram - một mạng xã hội mà người dùng có thể chia sẻ nội dung hiển thị từ đó.</span>

&nbsp;
<h3><a href="http://freebiesbug.com/psd-freebies/materia-ecommerce-app-design/"><b>Material - eCommerce app design</b></a></h3>
&nbsp;

<img class="size-large wp-image-660 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Materia-–-eCommerce-app-design-700x533.png" alt="materia-ecommerce-app-design" />

&nbsp;

<span style="font-weight: 400;">Cuối cùng thì cũng có 1 bộ thiết kế UI cho Android đây rồi. </span><span style="font-weight: 400;">Bộ thiết kế này có đầy đủ màn hình chức năng để xây dựng một ứng dụng thương mại điện tử mà bạn có thể thực hành code và sử dụng trong ứng dụng trong thực tế. Thiết kế này được xây dựng khá tốt và sẽ phù hợp với các ứng dụng bán hàng số lượng lớn các sản phẩm trong ngành thời trang như: quần áo, giày dép, và thiết kế các phụ kiện.</span>

&nbsp;
<h3><a href="https://www.dropbox.com/s/loldgt8w9ynrs8m/invoices.psd.zip?dl=0"><b>Invoices app Concept (PSD Freebie)</b></a></h3>
&nbsp;

<img class="size-large wp-image-662 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Invoices-App-Concept-700x515.png" alt="invoices-app-concept" />

&nbsp;

<span style="font-weight: 400;">Dành cho các ứng dụng thiết lập hoá đơn chứng từ hoặc cho các tác vụ lập hoá đơn trong một ứng dụng nào đó.  Thiết kế được dựa trên những tông màu tối, và có hiển thị những hoá đơn cá nhân của người dùng, các nút để xoá và in hoá đơn,  lập báo cáo thống kê số liệu cho biết cách mà những hóa đơn này mang lại doanh thu cùng nhiều tính năng khác...</span>

&nbsp;
<h3></h3>
<h3><a href="https://www.dropbox.com/sh/f6og459tbjuc125/AABYlJp2_hk7yelmGRUGV29va?dl=0"><b>Flat Mobile Apps UI</b></a></h3>
<img class="size-large wp-image-663 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/03/Flat-Mobile-App-UI-700x522.png" alt="flat-mobile-app-ui" />
<span style="font-weight: 400;">Bộ thiết kế UI miễn phí cho iOS đã hoàn thiện và được chia sẽ miễn phí trên dribble. Bộ thiết kế này khá phù hợp với các ứng dụng cho những dự án liên quan thực phẩm. Thực tế, thiết kế của ứng dụng xoay quanh thực phẩm, nhưng nếu muốn, bạn có thể chỉnh sửa PSDs và thiết kế tổng thể để biến ứng dụng về thực phẩm này thành một mạng xã hội, vì bản chất nó cũng khá giống mạng xã hội với việc sử dụng nhiều chức năng tương tự </span>

&nbsp;
<h2 style="text-align: center;"><strong>[post-btn link="http://techkids.vn/khoa-hoc/android?utm_source=Web&amp;utm_medium=None&amp;utm&amp;utm_campaign=Blog" text="Trở thành lập trình viên Android ngay hôm nay"]</strong></h2>

Hotline

Top 35 bộ thiết kế UI miễn phí dành cho app Android, iOS 2017 (phần 1)

Đừng quên chia sẻ với bạn bè nhé!

BÀI VIẾT TƯƠNG TỰ