1부 [상세 피드백 내용] th-cam.com/video/SPKVWJ-nhN4/w-d-xo.html 2부 [PC 디자인 수정] th-cam.com/video/MwwIcV7QJhU/w-d-xo.html 3부 [모바일 디자인 수정] th-cam.com/video/zHWzmGFEwHA/w-d-xo.html
오... 원본이 좋아서 그런가 피드백 하신 디자인도 더 멋진 느낌입니다. 잘 봤습니다. 코딩이랑 웹디자인 일은 이제 안 하는데, 재밌어서 구독 안 끊고 계속 보고 있어요ㅎㅎ 개인 취향으론 '기회를 놓치지 마세요' 부분에서 사진을 좀더 크게 했으면 더 역동적이 됐을 것 같습니다. 타이틀이 화려한데 비해서 아래로 올 수록 힘이 빠지는 느낌이라... 음 그래도 고생하셨습니다
안녕하세요 ㅎㅎ 말씀해주신 여러 사이트에서 확인하고 저도 시도해 봤지만 예로 포덜이나 커머스는 행간을 좁게 사용하는 등 사이트 성격이나 여러 경우의 수에서는 대응하기가 어려운 수치더라고요. 그래서 저는 여기저기 벤치마킹 후 적절한 수치를 찾아 저만의 수치를 사용한답니다.
일단 컴퓨터 화면과 핸드폰 화면의 비율이 기본적으로 다르니 반응형이라도 프로그래밍이 약간 다릅니다. 일단 같은 폰트 크기라도 다르게 보입니다. 또 디자인에도 가독성이란 게 있어서 컴퓨터 화면에서는 좌우로 늘어놓아도 괜찮지만, 핸드폰은 아무래도 스크롤 방식이 더 편하죠. 이거는 진짜 바다가 파랗다 수준의 기본 머시기라 설명하자니 엄청 길어질 것 같네요... 꼭 전문가가 아니더라도 공부하다 보면 뼈저리게 느낍니다... 이거 왜 해? 싶은 노력들이 쌓이면 좋은 디자인이 되지요 ㅎㅎ
![Responsive Web Design [Figma]](http://i.ytimg.com/vi/SPKVWJ-nhN4/mqdefault.jpg)
![Responsive Web Design [Figma]](/img/tr.png)
![기본기를 무시하면 안되는 이유 [시청자컨펌]](http://i.ytimg.com/vi/GrQjuNOhUUc/mqdefault.jpg)
![Junior vs Senior Designer [Figma]](/img/n.gif)
1부 [상세 피드백 내용]
th-cam.com/video/SPKVWJ-nhN4/w-d-xo.html
2부 [PC 디자인 수정]
th-cam.com/video/MwwIcV7QJhU/w-d-xo.html
3부 [모바일 디자인 수정]
th-cam.com/video/zHWzmGFEwHA/w-d-xo.html
비전문가가 봐도 확실히 "전문가는 다르네" 가 느껴지네요. 전 프론드엔드 개발자라 디자인에 직접 관여하진 않지만 웹 디자인쪽도 취미삼아 관심갖고 있는데 항상 많이 참고가 됩니다.
요소 레이아웃 바뀌면서 정리되고 아이디어까지 더해지니 '크..이거지' 싶었습니다. 오늘도 배워갑니다 👍🏻
이번꺼 제 고민 맞춤형 솔루션이네요 이런 귀한 영상 발견해서 너무 좋아요 항상 감사합니다
역시 괜히 전문가가 아님. 작은 디테일 하나하나가 큰 차이를 만들어냄
오... 원본이 좋아서 그런가 피드백 하신 디자인도 더 멋진 느낌입니다. 잘 봤습니다.
코딩이랑 웹디자인 일은 이제 안 하는데, 재밌어서 구독 안 끊고 계속 보고 있어요ㅎㅎ
개인 취향으론 '기회를 놓치지 마세요' 부분에서 사진을 좀더 크게 했으면 더 역동적이 됐을 것 같습니다. 타이틀이 화려한데 비해서 아래로 올 수록 힘이 빠지는 느낌이라... 음
그래도 고생하셨습니다
와 정말 갈길이 멀다고 느껴요😂 오늘도 감탄!!
프리 프론트 개발자로서 시청자분처럼 디자인해서 오면
pc에서 그리드, 여백은 어떻게 하고싶은지 이해가 전혀 안되죠….
그게 이해가 되어야지 반응형으로 쉽게 풀어내는데 말이죠…
그리고, 모바일은 더 난감한게 말씀처럼 320은 어쩌자는건지,
폰트 11px은 작아서 보이지도 않는데
실제 폰으로 보긴한건지 궁금할때가 많습니다.
갓디아님..🔥항상 도움 많이 돼요! 감사합니당 모바일 넘 기대됩니다!
공부라기 보단 재밌어서 보게 돼요^^
역시 이런 상황에 더 진가를 발휘 하시네요. 작은 차이로 훨씬 효과적인 밸런스, 컬러, 레이아웃 개선을 이뤄내시는~
TO-BE 의 변화가 확 공감됨! ㅎㅎ 그리고 시간 대비까지 생각하면 엄지척!
와.........이게 이렇게 재밌다고????
시간가는 줄 몰랐습니다.~~ 대단합니다.!!
강의 감사합니다.
시간을 지배하는 자는 사람이다
저는 디자인에 자신이 없어서 W3C의 행간: 폰트 크기*1.5, 자간: 폰트 크기* 0.12 공식을 따르는데, 마디아 님은 어떤 공식이나 오랜 경험을 토대로 자신만의 공식같은 것이 혹시 있으신가요 아니면 비주얼적으로 그때 그때 조절하시나요?
안녕하세요 ㅎㅎ 말씀해주신 여러 사이트에서 확인하고 저도 시도해 봤지만 예로 포덜이나 커머스는 행간을 좁게 사용하는 등 사이트 성격이나 여러 경우의 수에서는 대응하기가 어려운 수치더라고요.
그래서 저는 여기저기 벤치마킹 후 적절한 수치를 찾아 저만의 수치를 사용한답니다.
답변 감사합니다. 역시 디자이너와 래퍼런스, 벤치마킹은 공동 운명이라는 걸 다시금 느꼈습니다. 저도 적절히 저만의 수치를 찾아보겠습니다. @@UXUIDesign
많이 배우거가여
pc프로모션 페이지 작업시
가로 폭은 몇이 가장 좋을까요??
총 가로폭과 작업영억이요!
사이트 성향과 고객층,
어떤걸 보여줄지에 대해서 다른거 같습니다.
1920 다써도 될때가 있고,
1100으로 보수적으로 해야할때도 있고
반응형으로 해상도를 엄청 다양하게 대응할수도 있겠죠
버티면 이긴다. 화이팅 ㅋㅋㅋㅋㅋ
12:34
반응형인데 왜 모바일이 따로있고 피씨가 따로이써요????? 너무 정신없어요
pc나 모바일 하나만 만들면
나머지는 그럼 프론트개발자가 맘대로 만들면 되나요….
디자인을 해줘야 그거에 맞춰서 반응형 개발을 하죠.
ai가 알아서 만들어 준답니까…..
일단 컴퓨터 화면과 핸드폰 화면의 비율이 기본적으로 다르니 반응형이라도 프로그래밍이 약간 다릅니다. 일단 같은 폰트 크기라도 다르게 보입니다.
또 디자인에도 가독성이란 게 있어서 컴퓨터 화면에서는 좌우로 늘어놓아도 괜찮지만, 핸드폰은 아무래도 스크롤 방식이 더 편하죠.
이거는 진짜 바다가 파랗다 수준의 기본 머시기라 설명하자니 엄청 길어질 것 같네요... 꼭 전문가가 아니더라도 공부하다 보면 뼈저리게 느낍니다... 이거 왜 해? 싶은 노력들이 쌓이면 좋은 디자인이 되지요 ㅎㅎ