#100DaysofCode 2일차: 구성요소 및 와이어프레임

원래 날짜: 2020년 7월 25일

오늘의 주제: 구성요소 및 와이어프레임

내 SkillCrush 과정에서 이 특정 모듈은 웹 디자인 기초 과정에 있습니다.

개인 포트폴리오 페이지의 와이어프레임을 만드는 데 중점을 두었습니다.
주요 사항:

I created a style tile to guide the design with typography, colors, gradients and buttons.



I create a lo-fi wireframe via Photoshop.



I made a hi-fi wireframe via Photoshop.



주요 내용:
저는 웹 디자인을 정말 좋아합니다.

저는 웹 컴포지션을 만드는 것을 꺼리지 않고 직관적으로 만들고 사용성과 단순성에 대한 더 높은 수준의 안목을 가지고 다음 초점이 되어야 할 것입니다.
나는 lo-fi 와이어 프레임에 부분적입니다.

lo-fi 와이어프레임으로 내가 필요한 것을 시각화하는 것이 조금 더 어렵습니다. 아마도 그것은 팀과 같은 브레인스토밍 프로세스에서 lo-fi를 본 적이 없기 때문일 것입니다. .
와이어 프레임을 만들면서 개발자에게 골칫거리가 될 수 있다는 것을 깨달았습니다.

기능과 의도가 있는 무언가를 디자인하고 있을 수 있지만 특정 기능을 만들 수 있는 대역폭이 있는지 알려면 팀과 회사에서 현재 사용하고 있는 언어를 알아야 한다는 생각이 들었습니다.

과정을 넘어서:

포토샵 다운로드:
https://adobe.com

멋진 Stylescape 자습서(YouTube):



  • 다른 곳에서 찾기:

    #kathycodes 여정이 처음이라면 환영합니다! 🎉

    이것은 #100daysofcode의 첫 번째 라운드이므로 초보자로 시작하여 Skillcrush — Break into Tech 과정으로 배우고 있습니다.

    여러 가지 방법으로 내 여정을 기록할 것입니다. 간단한 정보를 원하시면 트위터에서 저를 찾으세요.
    내 여행의 오늘 업데이트를 볼 수 있습니다.

    비주얼? 나는 YouTube에 있고 내 행동과 내 문제, 솔루션 및 테이크 아웃에 대한 덜 자세한 버전을 봅니다.

    좋은 웹페이지 즐겨찾기