In this case, the installation needs to be done manually by the user. If built-in app updates are not supported, a click leads to the respective download URL and automatically starts downloading the newer version.Ideal scenario if built-in app updates are supported: a click start the update wizard on the respective operating system.Behavior depends on technical feasibility:.Kiwix update available: A newer version of the Kiwix Desktop app is ready to download.Behavior: A click on the respective notification opens the update section in the Kiwix library.Update available: A newer version of „Wikipedia English“ is ready to download.Behavior: A click on the respective notification opens the local files section in the Kiwix library.Update completed: The item „Wikipedia English“ has been updated.Behavior: A click on the respective notification opens the local files page in the Kiwix library.Download completed: The item „Wikipedia English“ has been downloaded.The Kiwix app makes use of native notifications on Windows and Linux.Hover primary and secondary CTA button background Link, primary CTA button background and border, secondary CTA button border, download indicator, icon border enabled/active state (1px border), keyboard focus (2px border) Icon background enabled/active state, active search filter in address bar, in-page search result highlightĭisabled primary CTA button background and border, disabled secondary CTA button border Placeholder text, table header default state Kiwix browser interface, light separator lineīorder, label/placeholder disabled state, separator line It’s a default typeface on Ubuntu, Download, Wikipedia.įont-weight: semibold /*improves legibility*/ On Linux, it’s recommended to use the Ubuntu typeface.All visuals are designed with „Segoe UI“, a default typeface on Windows.Please make sure to use 4px spaces for margins, paddings and line heights to maintain visual consistency. The app is designed on a 4px baseline grid. Default box-shadow for UI-elements (e.g.Default border-radius for UI-elements: border-radius: 2px.This makes it also accessible for hybrid devices with touch screens. Click/tap targets are at least 40px high and wide.All parts of the app are keyboard accessible by design.App design has constantly been tested in low resolutions.If it works on smaller screens it works on bigger screens as well. The visuals are created with a „smallest desktop resolution first“ design approach, which is similar to „mobile first“. The layout grid bases on 1024px to make it as accessible as possible.Kiwix desktop 2 design concept Links / Ressources
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |