Phranakorn Rajabhat University Library

ออกแบบ UX/UI ด้วย Figma /

ออกแบบ UX/UI ด้วย Figma / ดีไซน์แอพ เว็บไซต์ พรีเซนต์ กองบรรณาธิการ - กรุงเทพฯ : รีไวว่า, 2566 - 188 หน้า : ภาพประกอบ ; 21 ซม.

พื้นฐานการออกแบบ UX และ UI หน้า 1-18 -- ทำความรู้จักกับ Figma หน้า 19-38 -- เครื่องมือต่างๆ บน Figma หน้า 39-54 -- เริ่มต้นออกแบบงานดีไซน์บน Figma หน้า 55-74 -- ทำงานกับภาพในดีไซน์ หน้า 75-96 -- ปรับแต่งสไตล์ข้อความในดีไซน์ หน้า 97-114 -- ใช้งาน Auto Layout หน้า 115-132 -- เสริมการทำงานด้วยปลั๊กอิน หน้า 133-148 -- สร้างโปรโตไทป์ใน Figma หน้า 149-176 -- แชร์และส่งออกไฟล์ดีไซน์ หน้า 177-188

9786162628054 259


การออกแบบเว็บไซต์
การออกแบบกราฟิก

T 385 / อ444 2566

มหาวิทยาลัยศรีปทุม (กทม.)
2410/2 ถ.พหลโยธิน เขตจตุจักร กรุงเทพฯ 10900
Tel : 02-579-1111, 02-561-2222
มหาวิทยาลัยศรีปทุม (ชลบุรี)
79 หมู่ 1 ถ.บางนา-ตราด ต.คลองตำหรุ อ.เมือง จ.ชลบุรี 20000
Tel : 038-146-123
มหาวิทยาลัยศรีปทุม (ขอนแก่น)
182/12 หมู่ 4 ถ.ศรีจันทร์ ต.ในเมือง อ.เมือง จ.ขอนแก่น 40000
Tel : 043-224-111


 

$(document).ready(function() { // Basic detection of search var searchBox = $('#transl1'); // This is standard OPAC search input id ?? // Actually standard is 'q' or 'idx'. // We want to trigger when the user sees results. // Usually we check if we are on search results page. if ($('body').hasClass('opac-results')) { var params = new URLSearchParams(window.location.search); var query = params.get('q'); if (query) { // Show Loading var container = $('
'); container.append('

✨ AI Recommendations

'); container.append(''); // Prepend to main content // Selector depends on theme. 'div.maincontent' or '#opac-main' $('#userresults').prepend(container); $.ajax({ url: '/api/v1/contrib/aisearch/search?q=' + encodeURIComponent(query), method: 'GET', success: function(data) { container.find('.spinner').remove(); if (data && data.length > 0) { var ul = ''; container.append(ul); } else { container.append('

No AI recommendations found.

'); } }, error: function() { container.find('.spinner').remove(); container.append('

Error loading AI recommendations.

'); } }); } } });