{"translations":{"Vercel Security Checkpoint":"Vercel ආරක්ෂක පරීක්ෂාව","We're verifying your browser":"අපි ඔබේ බ්‍රවුසරය පරීක්ෂා කරමින් සිටිමු","Website owner? Click here to fix":"වෙබ් අඩවි හිමිකරුද? නිවැරදි කිරීමට මෙතැන ක්ලික් කරන්න","Projects":"ව්‍යාපෘති","Blog":"බ්ලොග්","From Mockup to Market: My End-to-End Product Design Process":"මොකප් සිට වෙළඳපොළ දක්වා: මගේ අන්තයේ සිට අන්තයටම නිෂ්පාදන සැලසුම් ක්‍රියාවලිය","The Psychology of Color in UI Design":"UI නිර්මාණයේ වර්ණ මනෝවිද්‍යාව","How I Built My Design System from Scratch":"මම මගේම නිර්මාණ පද්ධතියක් මුල සිට ගොඩනැගූ ආකාරය","Main":"ප්‍රධාන","Nuxt on Discord":"Discord හි Nuxt","Nuxt on X":"X හි Nuxt","Nuxt UI on GitHub":"GitHub හි Nuxt UI","Home":"මුල","Speaking":"දේශන","About":"මා ගැන","A detailed breakdown of my iterative design methodology, from initial research to final handoff, with practical tips for designers at every stage.":"විස්තරාත්මකව මගේ ක්‍රමික නිර්මාණ ක්‍රමවේදය, ආරම්භක පර්යේෂණයේ සිට අවසාන භාරදීම දක්වා, සෑම අදියරකදීම නිර්මාණකරුවන් සඳහා ප්‍රායෝගික උපදෙස් සමඟ.","Exploring how strategic color choices can influence user behavior, evoke emotions, and enhance the overall user experience of digital products.":"ඩිජිටල් නිෂ්පාදනවල පරිශීලක අත්දැකීම වැඩිදියුණු කිරීම සඳහා උපායමාර්ගික වර්ණ තේරීම් මඟින් පරිශීලක හැසිරීමට, චිත්තවේගයන් අවදි කළ හැකි ආකාරය ගවේෂණය කිරීම.","A practical guide to creating your own design system, from initial audit to implementation, and the lessons learned along the way.":"නිමාගේම නිර්මාණ පද්ධතියක් සෑදීම පිළිබඳ ප්‍රාක්ටික මාර්ගෝපදේශයක්: ආරම්භක විගණනයේ සිට ක්‍රියාත්මක කිරීම දක්වා සහ මාර්ගයේදී ඉගෙනගත් පාඩම්.","How I Built My Design System from Scratch - Nuxt Portfolio Template":"මම මගේම නිර්මාණ පද්ධතියක් මුල සිට ගොඩනැගූ ආකාරය - Nuxt කළඹ සැකිල්ල","After years of starting each project with a blank Figma file, I finally took the plunge and created my own comprehensive design system. The process was both challenging and incredibly rewarding, and I wanted to share my approach for other designers considering the same journey.":"වසර ගණනාවක් පුරා සෑම ව්‍යාපෘතියක්ම හිස් Figma ගොනුවකින් ආරම්භ කිරීමෙන් පසු, මම අවසානයේදී මගේම පුළුල් නිර්මාණ පද්ධතියක් නිර්මාණය කිරීමට තීරණය කළෙමි. මෙම ක්‍රියාවලිය අභියෝගාත්මක වුවත් ඉතා ප්‍රතිලාභදායක වූ අතර, එමනිසාම මම වෙනත් නිර්මාණකරුවන් සඳහා මගේ ප්‍රවේශය බෙදා ගැනීමට අවශ්‍ය විය.","I started by auditing five of my recent projects, identifying common patterns and components that appeared across different designs. This revealed inconsistencies in my work that I hadn't noticed before—seven slightly different button styles, inconsistent spacing rules, and text styles that varied without clear purpose.":"මම මගේ මෑත ව්‍යාපෘති පහක් විශ්ලේෂණය කිරීමෙන් ආරම්භ කළෙමි. එහිදී මම විවිධ නිර්මාණවල පුනරාවර්තන රටා සහ සංරචක හඳුනාගෙනෙමි. මෙය මගේ කੰම에서 මම කලින් නොදැක්කා වූ නොගැලපීම් හෙළි කළේය—약간 වෙනස් බොත්තම් මෝස්තර හතක්, අસ్థාවර පරතර නීති සහ පැහැදිලි අරමුණක් නොමැති පෙළ මෝස්තර.","Rather than creating a rigid system upfront, I built it iteratively through a real client project. For the EcoTrack app, I documented each component as I designed it, creating a living system that evolved with the project's needs.":"පූර්වාපේක්ෂිතව දැඩි පද්ධතියක් නිර්මාණය చేయ보다는, මම එය ක්‍රමිකව සැබෑ සේවාලාභී ව්‍යාපෘතියක් හරහා ගොඩනඟා ගතිමි. EcoTrack යෙදුම සඳහා, මම එක් එක් සංරචකය මෝස්තර කිරීමත් සමඟම ලේඛනගත කළෙමි. එහි ප්‍රතිඵලයක් ලෙස නිර්මාණයේ අවශ්‍යතා සමඟ පරිණාමය වන සජීවී පද්ධතියක් නිර්මාණය විය.","The core of my system includes:":"මගේ පද්ධතියේ හරය ඇතුළත් වන්නේ:","A flexible color system with semantic naming conventions":"අර්ථකථන නාමකරණ සම්මුතීන් සහිත නම්‍යශීලී වර්ණ පද්ධතියක්","Typography scales based on the golden ratio":"ස්වර්ණමය අනුපාතය මත පදනම් වූ අකුරු පරිමාණයන්","Component variants with clear usage guidelines":"පැහැදිලි භාවිත මාර්ගෝපදේශ සහිත සංරචක ප්‍රභේද","Spacing and layout rules that maintain consistency across devices":"උපාංග හරහා අනුකූලතාව පවත්වා ගන්නා ඉඩ සහ පිරිසැලසුම් රීති","If you're considering building your own system, my advice is to start small with core elements, test them on real projects, and document as you go. A good design system should feel like a trusted collaborator, not a set of restrictions.":"ඔබ ඔබේම පද්ධතියක් නිර්මාණය කිරීම ගැන සලකා බලන්නේ නම්, මගේ උපදෙස් වන්නේ මූලික අංග සමඟ ආරම්භ කරන්න, සැබෑ ව්‍යාපෘති මත ඒවා පරීක්ෂණය කරන්න, ඔබට යන විට ලේඛනගත කරන්න. හොඳ නිර්මාණ පද්ධතියක් සීමාවන් සමූහයක් ලෙස නොව විශ්වාසදායක සහකරුවෙකු ලෙස හැඟිය යුතුය.","I've attached a template of my component documentation method below—feel free to adapt it for your own workflow!":"මම පහතින් මගේ සංරචක ලේඛනගත කිරීමේ ක්‍රමය සඳහා සැකිල්ලක් ඇමිණ ඇත—අනුගත වීමට නිදහස!","6 MIN READ":"විනාඩි 6 ක කියවීමක්","Copy link":"සබැඳිය පිටපත්","The Psychology of Color in UI Design - Nuxt Portfolio Template":"UI නිර්මාණයේ වර්ණ මනෝවිද්‍යාව - Nuxt කළඹ සැකිල්ල","Color is one of the most powerful tools in my design arsenal, yet I find it's often reduced to mere aesthetics or brand guidelines. After conducting a series of A/B tests for the Wavelength music app redesign, I've gathered some fascinating insights about how color psychology directly impacts user behavior.":"වර්ණය මගේ නිර්මාණ අවි ගබඩාවේ වඩාත්ම බලවත් මෙවලම් වලින් එකක්, නමුත් එය බොහෝ විට සරල සෞන්දර්ය හෝ වෙළඳ නාම මාර්ගෝපදේශ වලට පමණක් සීමා වේ. තරංග සංගීත යෙදුම නැවත සැලසුම් කිරීම සඳහා A/B පරීක්ෂණ මාලාවක් සිදු කිරීමෙන් පසු, වර්ණ මනෝවිද්‍යාව පරිශීලක හැසිරීමට කෙලින්ම බලපාන්නේ කෙසේද යන්න පිළිබඳ සිත්ගන්නාසුලු තීක්ෂ්ණතා කිහිපයක් මੈට 수집 වී ඇත.","When we initially launched the app, we used a vibrant purple as our primary action color. The color looked great with our brand palette, but our conversion metrics were underwhelming. On a hunch, I proposed testing different primary colors while keeping all other elements identical.":"අපි මුලින්ම යෙදුම දියත් කළ විට, අපි අපගේ ප්‍රාධාන ක්‍රියා වර්ණය ලෙස දීප්තිමත් පාදරක්කය භාවිතා කළෙමු. වර්ණය අපගේ වෙළඳ නාම පලට්ටුව සමඟ විශිෂ්ට ලෙස පෙනුන නමුත් අපගේ පරිවර්තන මිතිකයන් උද්යෝගි නොවන විය. උජ්ජල අනුමානයක් මත, අනෙකුත් සියලුම අංගයන් සමානව තබා ගනිමින් ප්‍රාධාන වර්ණ කිහිපයක් පරීක්ෂා කිරීමට මම යෝජනා කළෙමි.","The results were striking: switching to a specific shade of blue increased our call-to-action conversion by 34%. Even more interesting was how different user segments responded to color variations—younger users engaged more with vibrant tones, while our 35+ demographic showed stronger preference for more subdued colors.":"ප්‍රතිඑලයන් පුදුම සහගත විය: නිශ්චිත නිල් පැහැයකට මාරුවීම අපගේ ක්‍රියා-පටිපාටිය පරිවර්තනය 34% වැඩි කළේය. වඩාත් රසවත් වන්නේ විවිධ පරිශීලක කොටස් වර්ණ වෙනස්කම් වලට ප්‍රතිචාර දැක්වූ ආකාරය - තරුණ පරිශීලකයින් දීප්තිමත් ස්වරයන් සමඟ වැඩි වශයෙන් නিযুক্ত වූ අතර, අපගේ 35+ ජනවිකාසය වඩාත් සන්සුන් වර්ණ සඳහා ප්‍රබල මනාපයක් පෙන්නුම් කළේය.","Beyond conversion metrics, I discovered that color significantly affected how users perceived waiting times. By implementing a softer color progression in our loading animations, users reported that the app felt faster, even though the actual loading times remained unchanged.":"පරිවර්තන මිතිකයන් ඉක්තිරයා, මම සොයාගත්තා වර්ණය සැලකිය යුතු ලෙස බලපාන්නේ පරිශීලකයින් බලා සිටින කාලය පිළිබඳ ඔවුන්ගේ සංජ্ঞාවටය. අපගේ පූරණ ඇනිමේෂන් වල මෘදු වර්ණ ප්‍රගතියක් ක්‍රියාත්මක කිරීමෙන්, පරිශීලකයින් වාර්තා කළා යෙදුම වේගවත් බවක් දැනේ, සැබෑ පූරණ කාලයන් නොවෙනස්ව තිබියදී.","I've since developed a framework for color decision-making that goes beyond aesthetics:":"미적인 면을 넘어서는 색상 결정 프레임워크를 개발했습니다.","Consider the emotional response you want to evoke":"유발하고 싶은 감정적 반응을 고려하세요","Test color choices with your specific user demographics":"특정 사용자 인구 통계와 함께 색상 선택을 테스트하세요","Use color to create visual hierarchies that guide users naturally":"사용자를 자연스럽게 안내하는 시각적 계층 구조를 만들기 위해 색상을 사용하세요","Consider cultural associations of colors for international audiences":"국제 청중을 위해 색상의 문화적 연관성을 고려하세요","Ensure sufficient contrast for readability and accessibility":"가독성과 접근성을 위해 충분한 대비를 보장하세요","The most valuable lesson I've learned is that there are no universal "right" colors—only colors that effectively communicate your message and guide users toward their goals within your specific context.":"වඩාත්ම වටිනා පාඩමක් මੈට ඉගෙන ගත්තේ වර්ණ විශ්වීය "නිවැරදි" වර්ණ නොමැති බවයි - ඔබේ පණිවිඩය ඵලදායී ලෙස සන්නිවේදනය කරන සහ ඔබේ නිශ්චිත සන්දර්භය තුළ පරිශීලකයින් ඔවුන්ගේ ඉලක්ක වෙත යොමු කරන වර්ණ පමණක්.","Next time you're selecting a color palette, think beyond what looks good and consider what your colors are actually saying to your users.":"ඊළඟ වතාවේ ඔබ වර්ණ පලට්ටුවක් තෝරා ගන්නා විට, එය හොඳ පෙනුමක් ඇති දේට වඩා ඔබේ වර්ණ පරිශීලකයින්ට පවසන්නේ කුමක්ද යන්න ගැන සිතන්න.","The Case for Slow Design in a Fast-Paced Digital World":"빠른 디지털 세계에서 느린 디자인의 필요성","Why designing digital experiences that encourage users to slow down and engage deeply can lead to more meaningful interactions and better outcomes.":"ඩිජිටල් අත්දැකීම් සැලසුම් කිරීම පරිශීලකයින් මන්දගාමීව නিযুক্ত වීමට සහ ගැඹුරින් නিযুক্ত වීමට දිරිගැන්වීම වඩාත් අර්ථවත් අන්තර්ක්‍රියා සහ වඩා හොඳ ප්‍රතිඑල වලට මග පාදයි.","Mar 15, 2025":"මාර්තු 15, 2025","5 MIN READ":"විනාඩි 5ක කියවීමක්","Designing Interfaces, Building Experiences. - Nuxt Portfolio Template":"අතුරුමුහුණත් නිර්මාණය, අත්දැකීම් ගොඩනැගීම. - Nuxt කළඹ සැකිල්ල","Designing Interfaces, Building Experiences.":"අතුරුමුහුණත් නිර්මාණය, අත්දැකීම් ගොඩනැගීම.","I've worked on a variety of projects, focusing on creating intuitive digital experiences where thoughtful design meets clean code. Here are some highlights I'm proud of, showcasing my process from concept to execution.":"විවිධ ව්‍යාපෘති සඳහා මම වැඩ කර ඇත. ඒවාහි, සිතාමතා නිර්මාණය සහ පිරිසිදු කේතය එක්වන පරිශීලක අත්දැකීම් නිර්මාණය කෙරෙහි මා අවධානය යොමු කර ඇත. ම概念 සිට ක්‍රියාත්මක කිරීම දක්වා මගේ ක්‍රියාවලිය ප්‍රදර්ශනය කරමින්, මා ආඩම්බර වන සමහර විශේෂ අවස්ථා මෙන්න.","I've worked on a variety of projects, focusing on creating intuitive digital experiences where thoughtful design meets clean code. Here are some highlights I'm proud of, showcasing my process from concept to execution.":"විවිධ වූ අත්දැකීම් නිර්මාණය කිරීම, සැලසුම් කිරීම සහ සංවර්ධනය කිරීම පිළිබඳව මම විශේෂඥ වෙමි. උපක්‍රමශීලී ඩිජිටල් අත්දැකීම් නිර්මාණය කිරීම සඳහා සැලසුම් සහ පිරිසිදු කේතය එක්ව ගෙන ඒම. මගේ ක්‍රියාවලියේ සිට සංකල්පය දක්වා ක්‍රියාත්මක කිරීම දක්වා මම ආඩම්බර වන සමහර විශේෂතා මෙන්න.","View Project":"ව්‍යාපෘතිය බලන්න","Created a mobile-first application to help users track and reduce their environmental impact. Translated complex sustainability metrics into an accessible and motivating user interface.":"පරිසරයට ඇති කරන බලපෑම අඩු කිරීමට සහ නිරීක්ෂණය කිරීමට උදව් වන පරිදි ජංගම-පළමු යෙදුමක් නිර්මාණය කර ඇත. සංකීර්ණ තිරසාරතා මිතිකයන් වඩාත් ප්‍රවේශ විය හැකි සහ උත්තේජනය කරන පරිශීලක අතුරුමුහුණුවකට පරිවර්තනය කර ඇත.","Designed and built key components for an internal documentation and tooling hub for Nuxt developers, focusing on improving developer experience and streamlining access to resources.":"නුවක්ස් සංවර්ධකයින් සඳහා අභ්‍යන්තර ලේඛනගත කිරීම සහ මෙවලම් හබ් සඳහා ප්‍රධාන සංරචක සැලසුම් කර ඇත. සංවර්ධක අත්දැකීම් වැඩිදියුණු කිරීම සහ සම්පත් වෙත ප්‍රවේශය සරල කිරීම කෙරෙහි අවධානය යොමු කර ඇත.","Designed and developed the user interface for an indie music streaming service, focusing on discovery features and creating a unique, engaging listening experience using custom audio visualizations.":"ස්වාධීන සංගීත ප්‍රවාහ සේවාවක් සඳහා පරිශීලක අතුරුමුහුණුව සැලසුම් කර ඇත. විශේෂිත ශ්‍රව්‍ය දෘශ්‍යකරණය භාවිතා කරමින් අද්විතීය, ආකර්ශනීය සවන්දීමේ අත්දැකීමක් නිර්මාණය කිරීම සඳහා සොයාගැනීමේ විශේෂාංග කෙරෙහි අවධානය යොමු කර ඇත.","Let's talk":"කතා කරමු","Email me":"විද්‍යුත් තැපෑල"},"count":58,"status":"ready"}