This session as part of the Swipe x PAGE Academy (http://page-online.de) gave examples of how we create UX/UI at Swipe (http://swipe.de) efficiently when building digital products.
Making the most out of FrameMaker's graphic tools Shlomo Perets
FrameMaker's graphic tools may seem pretty basic, but there is still a lot you can do with them. Sometimes having them at your fingertips is more convenient than
using complex drawing software. But still many FrameMaker users do not know how to make the most of these built-in tools.
This session is packed with tips and tricks. For example:
• Five different uses of Shift key when using the graphic tools
• Six ways to select objects (other than simply clicking an object)
• Controlling alignment effectively
• Adjusting shapes and line/arrow styles
• Reshaping techniques
and much more
What is Tokenization? Are tokens the future of ownership?
-
The advantage of token-based social networks, and why tokens will disrupt all forms of ownership.
Making the most out of FrameMaker's graphic tools Shlomo Perets
FrameMaker's graphic tools may seem pretty basic, but there is still a lot you can do with them. Sometimes having them at your fingertips is more convenient than
using complex drawing software. But still many FrameMaker users do not know how to make the most of these built-in tools.
This session is packed with tips and tricks. For example:
• Five different uses of Shift key when using the graphic tools
• Six ways to select objects (other than simply clicking an object)
• Controlling alignment effectively
• Adjusting shapes and line/arrow styles
• Reshaping techniques
and much more
What is Tokenization? Are tokens the future of ownership?
-
The advantage of token-based social networks, and why tokens will disrupt all forms of ownership.
+ Updated version for NEXT Conference Hamburg +
https://nextconf.eu/event/how-deep-learning-is-changing-the-design-process/
Deep learning is a new and exciting subfield of machine learning which attempts to sidestep the whole feature design process. This session explains how it derives from AI, why it quietly became a part of user experience and how it also changes the actual design workflow. The talk highlights a range of use cases and doesn’t forget to illustrate why user experience design for artificial intelligence matters the other way around.
2017 How Deep Learning Changes the Design Process (Update)Alexander Meinhardt
+ Updated version for UX Camp Hamburg #uxcamphh +
Deep learning is a new and exciting subfield of machine learning which attempts to sidestep the whole feature design process. In this session, I'll explain how it derives from AI, why it quietly became a part of user experience and how it will change the actual design workflow. The talk highlights a few examples and doesn't forget to illustrate why user experience design for artificial intelligence matters the other way around.
In this session, I explain why user experience design for artificial intelligence matters. How you make machine learning transparent to users is one of the great design challenges of our time—but a necessary one.
In this talk, presented at the UX Forum in Munich, I had a look at the Artificial Intelligence landscape, and the differences between Machine Learning and Deep Learning. The session walks through a big range of use cases in fields such as object and face recognition and showcases how the design industry is charging up with new powers.
Resonate (http://resonate.io) is a festival at the intersection of art, media and technology. Held each year in Belgrade, Serbia, the conference provides an overview of current situation in the fields of music, visual arts and digital culture.
This session walks through speakers and personal highlights of the 2017 conference.
This talk, made with Kristina Bonitz (@kristinabonitz), tries to highlight the differences within the conversational design landscape and shows benefits and drawbacks alongside current examples.
Chat bots are programs that mimic conversation with people sometimes using artificial intelligence. They can transform the way you interact with the web from a series of self-initiated tasks to a quasi-conversation.
(c) 2017
Modern interaction design - see Flat Design - is more than ever based on letters.
This talk highlights strong examples and explains how to achieve an aesthetic and powerful set of typography for any project, and how to handle it in the digital workflow.
"Tone of voice" is a super important instrument to build personality into digital products. It's not about copywriting, it's an expression of the brand identity.
The experience of the mobile home screen being a bank of app icons that lead to independent destinations is dying. And that changes how we need to design and build digital products.
In this talk I show current trends and examples and explain what it means for User Experience Design and for businesses.
Prototypes are one of the most important steps in the design process, yet still confusing for some designers and project teams.
This session, made with Iker Ortiz de Arri (@ikertxo), showcases our workflow approach, answers the question how to choose the right prototyping tool for a project and and compares some of the major players in this exploding landscape.
What are the main and also often underlooked differences between native app development and web technologies when building a mobile product? What is the current stare of technology in terms of combing both?
This talk, made with Iker Ortiz de Arri (@ikertxo), showcases benefits, drawbacks and similarities from an UX point of view. It also features PWA (progressive web apps), Android Instant Apps, React, and more.
OFFF Barcelona (http://offf.barcelona) is a post-digital culture festival.
This session walks through speakers and personal highlights of the 2016 conference.
In this talk presented at the Swipe x PAGE Academy (http://page-online.de), we gave an overview of the Swipe workflow building mobile products, from an UX/UI point of view.
http://swipe.de
This talk presented at the Swipe x PAGE Academy (http://page-online.de) is about my personal work manifesto for building teams, atmosphere and greater products at Swipe (http://swipe.de).
+ Updated version for NEXT Conference Hamburg +
https://nextconf.eu/event/how-deep-learning-is-changing-the-design-process/
Deep learning is a new and exciting subfield of machine learning which attempts to sidestep the whole feature design process. This session explains how it derives from AI, why it quietly became a part of user experience and how it also changes the actual design workflow. The talk highlights a range of use cases and doesn’t forget to illustrate why user experience design for artificial intelligence matters the other way around.
2017 How Deep Learning Changes the Design Process (Update)Alexander Meinhardt
+ Updated version for UX Camp Hamburg #uxcamphh +
Deep learning is a new and exciting subfield of machine learning which attempts to sidestep the whole feature design process. In this session, I'll explain how it derives from AI, why it quietly became a part of user experience and how it will change the actual design workflow. The talk highlights a few examples and doesn't forget to illustrate why user experience design for artificial intelligence matters the other way around.
In this session, I explain why user experience design for artificial intelligence matters. How you make machine learning transparent to users is one of the great design challenges of our time—but a necessary one.
In this talk, presented at the UX Forum in Munich, I had a look at the Artificial Intelligence landscape, and the differences between Machine Learning and Deep Learning. The session walks through a big range of use cases in fields such as object and face recognition and showcases how the design industry is charging up with new powers.
Resonate (http://resonate.io) is a festival at the intersection of art, media and technology. Held each year in Belgrade, Serbia, the conference provides an overview of current situation in the fields of music, visual arts and digital culture.
This session walks through speakers and personal highlights of the 2017 conference.
This talk, made with Kristina Bonitz (@kristinabonitz), tries to highlight the differences within the conversational design landscape and shows benefits and drawbacks alongside current examples.
Chat bots are programs that mimic conversation with people sometimes using artificial intelligence. They can transform the way you interact with the web from a series of self-initiated tasks to a quasi-conversation.
(c) 2017
Modern interaction design - see Flat Design - is more than ever based on letters.
This talk highlights strong examples and explains how to achieve an aesthetic and powerful set of typography for any project, and how to handle it in the digital workflow.
"Tone of voice" is a super important instrument to build personality into digital products. It's not about copywriting, it's an expression of the brand identity.
The experience of the mobile home screen being a bank of app icons that lead to independent destinations is dying. And that changes how we need to design and build digital products.
In this talk I show current trends and examples and explain what it means for User Experience Design and for businesses.
Prototypes are one of the most important steps in the design process, yet still confusing for some designers and project teams.
This session, made with Iker Ortiz de Arri (@ikertxo), showcases our workflow approach, answers the question how to choose the right prototyping tool for a project and and compares some of the major players in this exploding landscape.
What are the main and also often underlooked differences between native app development and web technologies when building a mobile product? What is the current stare of technology in terms of combing both?
This talk, made with Iker Ortiz de Arri (@ikertxo), showcases benefits, drawbacks and similarities from an UX point of view. It also features PWA (progressive web apps), Android Instant Apps, React, and more.
OFFF Barcelona (http://offf.barcelona) is a post-digital culture festival.
This session walks through speakers and personal highlights of the 2016 conference.
In this talk presented at the Swipe x PAGE Academy (http://page-online.de), we gave an overview of the Swipe workflow building mobile products, from an UX/UI point of view.
http://swipe.de
This talk presented at the Swipe x PAGE Academy (http://page-online.de) is about my personal work manifesto for building teams, atmosphere and greater products at Swipe (http://swipe.de).
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
14. M O D# H E A D L I N E S
T E A S E R
• Headlines can be centered, left-aligned or right-aligned
depending on hero container.
• There will be many different styles with varying heights
14
Palm Lap
Font styles
•
Heading = HEADLINE BLOCK (Example shown)
Scroll Event
• TBD
32px
32px
24px
32px
95%box
95%box
15. M O D# S U B H E A D L I N E
T E A S E R 15
Palm Lap
32px
32px
16px
3columns
4columns
Font styles
• Lead = LEAD SANS
• Color #222929
• Left aligned
32px
32px
16. M O D# L E A D
T E A S E R 16
Palm Lap
Scroll Event
• TBD
16px
16px
16px
16px
Font styles
• Lead = LEAD SANS
Lead Position Lap
• 5 columns in width
• centered, off-grid
3columns
5columns
off-grid
17. M O D# D R O P C A P
T E A S E R 17
Palm Lap
Font styles
• Drop Cap = DROP CAP
16px
16px
32px
32px
16px
18. M O D# C R E D I T S
T E A S E R 18
There are various types of Credits
Alternating:
• Author Credits (default, below the Headline)
• Text Credits (below the Paragraph)
• VIP Credits (rare, left column on Desk)
Mandatory:
• Issue Credit (at the very end, combined with Date)
Optional:
• Photo Credits (inside Caption module)
19. M O D# T A G S
T E A S E R 19
Palm Lap
Rollover
•
COLOR CHANGE
16px
16px
16px
16px
Font styles
• Tags = MICRO
Font color
• Tags = BLACK
16px
16px
aligncenter
aligncenter
8px
20. M O D# S O C I A L I C O N S
T E A S E R
Icon colors
Facebook #3B5998
Twitter #4099FF
Google+ #D50F0F
Mail #05c6af
Icon colors (hover)
Facebook #324E7F
Twitter #3B8FE2
Google+ #BF1010
Mail #08b39f
Hover effect
slide → bottom to top
(http://tympanus.net/Development/IconHoverEffects/#set-5)
Border Radius = 14px
20
Palm Lap
S H A R I N G
Rollover
• TBD
16px
16px 16px
16px
16px
16px
center
21. M O D# G A L L E R Y
# C L A S S I C
• Consists of minimum 2 images or autoplay videos (Phase1)
• IN Phase2 it could be possible to include Quotes, Tipps,
Embeds like YT, FB, Twitter (tbd)
• Desired to have a fix height depending on the first image
• Looks and shall work very similar to the XL Gallery
• Loops infinitely; next image slides in
• Paging via Swipe (Touch)
• Paging via Click on buttons (No-Touch)
• Paging via Click on the image too (No-Touch)
T E A S E R 21
Palm Lap
Animation
• SLIDING GALLERY
• http://www.e-types.com/#/article/digital_is_expanding
• http://thisisacult.org/another-magazine
• http://www.celinemanz.com
Caption
76px/alignright
Font styles
• Paging Numbers = MICRO
Paging style
•
Background-color = GREY, DARK
•
Font-color = WHITE
Paging style LAP & DESK (active)
• Background-color = WHITE
• Font-color = BLUE
54pxcenter
center
Caption
active
54px
54px
54px
22. M O D# S E Q U E L S
• Container: BODY
• Position after last Paragraph or Content Module
T E A S E R 22
Palm Lap
Font styles
• Chapter Info = CAPTION UPPERCASE
• Headline = QUOTE CONDENSED S
• Copy = INTRO SANS
Font color (standard)
· Chapter Info = WHITE
· Headline = DARK GREY
· Copy = DARK GREY
Colors
· Line = GREY MID LIGHT
· Background (chapter info) = DARK GREY
Color (active article)
· Headline = RED
· Copy = GREY
· Background (chapter info) = GREY MID LIGHT
· Background = WHITE
32px
10px
32px
20px
27px
27px
1px
10px
8px
8px
c l i c k a r e a
4cols
3cols
24. FU LL S CR E E N
for Top Stories
STAGE D
for standard articles
SPLIT
for images in portrait ratio
DIA
very simple/small articles
Panda
H E R O C O N T A I N E R