ArabSkills
Loading your account
UI/UX

Designing Arabic Interfaces

RTL layout, type, icons and bilingual screens that do not feel like a mirrored afterthought.

9 lessons11 minIntermediate

Overview

RTL layout, type, icons and bilingual screens that do not feel like a mirrored afterthought.

  • 9 lessons
  • 11 min
  • Intermediate

Curriculum

3 modules

  1. 1

    RTL is a layout

    • Start and end, not left and right9 min
    • Icons that should not flip9 min
    • Numbers, dates and mixed lines9 min
  2. 2

    Type and bilingual screens

    • Arabic type size and line height9 min
    • Where the English sits9 min
    • Mirroring a component on purpose9 min
  3. 3

    Screen lab

    Includes hands-on lab
    • Take one LTR screen9 min
    • Rebuild it for Arabic9 min
    • Lab: note what must not mirror14 min

Open sources & licenses

This curriculum is an original outline informed by these openly-licensed resources.