nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Vind gebruikersinterfaceontwerp Inspiratie met UIDB

Met duizenden inspiratie-galerijen online zijn er tal van sites om ideeën te verzamelen. Maar niet alle galerijen laten u zoeken op interface-elementen zoals formulieren, aanmeldingen, prijstabellen of dashboard-gebruikersinterfaces.

Dat is waar UIDB opvalt. Het is een gratis inspiratiegalerij gericht op soorten interfaces met een categorie voor bijna alles.

U kunt bladeren door web-gebruikersinterfaces voor onboarding van gebruikers, aangepaste accountpagina's, 'ontmoet de team'-pagina's en nog veel meer.

Vanaf de startpagina vindt u een zoekbalk in de linkerbovenhoek . Begin met het typen van alles wat je wilt en het zoeksuggestiesveld zou moeten verschijnen met gerelateerde trefwoorden van populaire categorieën.

Laten we zeggen dat we op zoek zijn naar ontwerpideeën voor een pagina met veelgestelde vragen. Typ "faq" in de zoekbalk en klik op het voorgestelde resultaat.

U kunt vervolgens bladeren door FAQ-interfaces van allerlei websites. Supereenvoudig om te doen en je vindt zelfs voorgestelde interface-elementen in de linkerzijbalk.

Veel van deze suggesties zijn veelvoorkomende UI-elementen die ontwerpers vaak gebruiken.

  • Modals.
  • Galeriefilters.
  • Omnibox vult automatisch.
  • Zoek pagina's.
  • Admin dashboards.
  • Productpagina's voor detailhandel.

Het grootste deel van de inhoud in UIDB heeft betrekking op het ontwerpen van websites met ideeën voor lay-outs van één pagina en complexere lay-outs.

Klik op een van de zoekresultaten om een ​​grotere schermafbeelding van de pagina UI te bekijken met een link om het voorbeeld online te bezoeken.

Meestal is de live-pagina verplaatst of volledig opnieuw ontworpen. Maar de voorbeeldweergave op volledig scherm is groot genoeg om ideeën voor uw eigen projecten te bestuderen en verzamelen.

Neem een ​​kijkje op de hoofdsite en zie wat je ervan vindt! Je kunt ook een UI-verzoek indienen om iets toe te voegen aan de galerij, of je kunt je gedachten rechtstreeks delen met het team @UIDB_io.

10 CSS3-animatiegereedschappen die u moet Bookmarken

10 CSS3-animatiegereedschappen die u moet Bookmarken

Omdat mensen gemakkelijker dingen waarnemen die bewegen, kunnen slim gebruikte animaties de gebruikerservaring van een site verbeteren door aandacht te vestigen op belangrijke elementen die gebruikers snel moeten zien .CSS3 heeft een nieuwe animatiesyntaxis geïntroduceerd waarmee u veel interessante dingen in uw ontwerpen kunt bereiken.

(Technische en ontwerptips)

Animate.css - CSS3-bibliotheek Eenvoudig animaties maken

Animate.css - CSS3-bibliotheek Eenvoudig animaties maken

CSS is verbeterd met veel functies die webontwikkeling veel interessanter en uitdagender maken. Een van deze functies is CSS3-animatie-effecten . Vóór CSS3, om een ​​animatie te maken, kunt u alleen met Javascript werken. Maar nu kun je het gemakkelijk maken met CSS3.We hebben je uitgebreid leren kennen met een goede tutorial over het maken van Bounce Effect met CSS3, en in dit artikel zal ik je een geweldige bibliotheek voorstellen die het maken van animaties met CSS3 nog eenvoudiger zal maken: Animate.css .

(Technische en ontwerptips)