이 포트폴리오로는 힘들어요... 디자인 연습 많이 하셔야 됩니다..

여러분들 앞에 지고 화면 보이시죠 앞에 화면이 우리 시청자 분이 저에게 디자인 컨펌 요청 어란 웹페이지 라고 보시면 됩니다 이랜드 이 웹을 x d 로 디자인 하셨습니다 이런식으로 디자인이 서브페이지 까지 좀 진행이 되어 있구요 맨앞에 것부터 뭐 볼게요 아마 펜 앞에 게 기본 가이드 를 토대로 디자인이 된것 같아요 그 다음에 여기 이 두가지 페이지는 암 앞에 너에 대한 스타일 케이스 겠죠 그죠 음 봄 보도록 합시다 자 일단 이 그리드 부탄 볼게요 자 그리드 일단은 여기를 감격 뜰 40으로 뛰었고 이 끝에 를 맞은 20을 주셨네요 컬럼 쓰는 나 2 3 4 따 여일 고야 달아오 10 1 2 3 4 14 컬럼 이네요 그쵸 1941 14 컬럼을 쓰셨네요 디자인 영역은 그러면 1502 되겠네요 엄청나게 넓어요 일단 너무 넓어요 크기가 이런것들은 조금있다 좀 말씀을 드리도록 할게요 자 그리고 현재 아트보드 사이즈를 봅시다 1922 줘 자 그러면 우리가 웹사이트에서 딱 실제로 볼 때 이런 느낌인 거예요 어때요 일단 쥐 n 배 영역이 너무 크죠 너무 커요 로고도 너무 크고 이 폰트 들도 다 더 커요 그리고 거기에 비해서 이 아이콘은 또 너무 작죠 그렇죠 그리고 이거 배너를 직접 디자인하신 건 아니죠 직접 디자인하신 것 같진 않아요 만약에 디자인 하신 거라면 조금 더 간결하게 바꾸시는게 좋을꺼 같아요 이게 왜 복잡해 볼까 생각을 한번 해 보시면 여백이 없어서 그렇거든요 지금이 전체 프레임 안에 상품 둘과 폰트와 텍스트로 꽉 채워져 있기 때문에 그런건데 아마 직접 하신거 같이 남아서 넘어가도록 하겠습니다 자 일단 폰트 너무 크죠 그렇죠 아 여기도 지금 너무 크죠 그리고 지금 이미지 해상도가 어때요 여러분들 쟁 하지 않죠 선명하지 가 않아요 자 지금 이 이미지가 선명해 볼 수 있어요 선명하게 보시는 분들도 있을 수 있습니다 제가 이게 왜 선명하지 않은 지 따 진짜 선명한 이미지로 한번 비교 해 드리도록 하겠습니다 약간 자글자글 해요 지금 쨍 하지도 않아요 여기 이미지도 지금 쨍 하지가 않아 선명하지 않습니다 아 사실 이런 것들이 다 퀄리티를 좀 좌우하는 것들인데요 이런것도 좀 신경써 주셔야 될 것 같아요 이런식으로 하셨구나 오케이 으 음 이거 아이콘도 데크도 지금 보면은 선명한 게 있고 자글자글한 게 있어요 이런 것들은 지금 자갈 작가라고 요 좋아요 따봉 아이콘은 선명 해요 나머지는 좀 자글자글 해요 얘도 좀 자글자글 해보세요 제가 볼 때는 일단 한번 확인을 해 볼게요 얘는 벡터 같아요 볼 때는 이런식으로 쭉 진행을 하셨네요 자 좋습니다 이렇게 한 봤어요 그리드가 너무 넓다고 말씀드렸죠 이 그리드를 한번 줄여 보도록 할게요 저는 일단 싹 한번 달려봅시다 일단 요거는 좀 큰 수정이 많이 필요한 디자인 이어 제가 볼 때에 사실은 거의 다시 처음부터 하셔야 된다는 마인드로 접근을 하셔야 될 정도로 수정이 많이 필요해요 약간의 조정 만으로는 사실은 좀 어려운게 씨카 말씀이에요 솔직하게 말씀드릴께요 왜냐 아셨죠 그래야 좀 도움이 되실 것 같으니까 회사의 로고 위치 중요 하죠 로고가 어느 정도로 크냐 면 야 아까는 이렇게까지 주셔야 될 것 같아요 이 정도까진 줄여야 될 것 같습니다 그리고 여기가 스카이락 80 그냥요 그리드 쓰시는게 좋을것 같아요 1320 의 12 컬럼 쓰시면 될 것 같습니다 왜냐하면 지금 1500 때는 너무 커요 너무 커 저의 상도 고려하지 많이 안 돼 있는 그런 디자인이에요 너무 크니까 폰트 다 커지게 되고 그렇죠 이런 폰트 들은 보통 수 28 을 시켰는데요 28 잘 안써요 보통 18이 나 아니면 15 15 정도 손에서 끝내 시는 걸 전을 좀 추천해 드릴께요 어 15 도전을 개인 15 정돈 대학의 즉시 무엇보다 작은것을 말이 안되죠 간격은 자 대충 할게요 어차피 지금 막 간격 같은게 중요한게 아니니까 이런 것들은 그냥 대충 대충 넘어가고 요 그냥 배치 만 한 번 해보도록 하겠습니다 제가 디자인은 가 새롭게 해 드릴 순 없잖아요 보조 아 뭐 이런식이 되겠죠 약간의 그냥 재조정 정도만 생각해 주시면 될것 같아요 그리고 가장 중요한 점 검색이 좀 없네요 검정 식으로 검색한 아 한번 추가 해 보시는 것도 고래 봐주시면 좋을 거 같아요 어 어 자 그다음에 배너가 이렇게 했는데 이 배너가 너무 커요 지금 새로 까비 1053 이거든요 1053 이면 지금 한 화면에 거의 꽉 차는 느낌을 거에요 볼까요 밑에 컨텐츠가 거의 안 보이죠 거의 풀로 다 차서 밑에 컨텐츠가 안 보이잖아요 사실 이런 부분들은 너무 높게 잡을 필요 없어요 진짜 높게 쓰면 600 정도 쓰시면 될거 같은데 아 대략적인 느낌은 아 많이 정도 느낌이 되지 않을까 전에 싶어라 요정도 얘 두께 커 여 지금 제가 볼 때는 이 정도 느낌이고 지금 여기 폼 토드 보시면 너무 커요 보통 요기 타이틀을 좀 크게 쓰고 싶다면 40 정도 여기는 그냥 쉬고 폰트 쓰시면 될 것 같아요 이렇게 작아지는 게 뭐 이게 맞아요 자 그 다음에 어 한글은 노트 사스 가 좋습니다 롭 오토봇 a 개인적인 의견 이에요 그 다음에 이제 여기에 앞 버튼이 있네요 잡 쇼 버튼도 색깔의 들어와서 그런지 이 버튼도 너무 씌어 제가 볼 때는 이 버튼도 봅시다 자 이렇게 올려주고 너무 커요 1 40 정도면 충분하구요 라운드 1 픽셀의 들어가면 될 거 같아요 그 다음에 뭐 이런식으로 그냥 들어가고 폰트 co 폰트 좋아요 어 어 지금 폰트 보다 화살표가 너무 큰 느낌이 좀 되거든요 자 15 컨트 에서 여기서 이렇게 가주고 화살표 1 10 정도 하면 될까요 크네요 8 8 정도만 하셔도 뭐 충분할 거 같긴 한데 이것도 버튼에 비해서 좀 커 보이긴 하네요 잘다 확 줄일 께요 36가지 줄여 볼게요 어 백종 도까지 한번 들어봅시다 아 가운데 정녕 자폐 추정하면 이런 느낌이 될 겁니다 막 그죠 자 봅시다 아 뭐 이렇게 되겠죠 아마 대충 하면 자 그 다음에 여기 또 보면은 아까 제가 이게 선명하지 않다 고 했죠 아오 너무 커요 선명하지 않다 고 했죠 선명한 이미지가 들어 온다는 건 어떤 느낌이 있냐면 이게 조금 깨지는 게 아니라 엄청나게 깨지고 있어요 지금 솔직히 말씀 드리며 그래서 제가 갖고 있는 이미지를 더 볼 겁니다 음식 이미지가 제가 있을지는 모르겠어요 사실 있네요 자 넣어 볼게요 장 어때요 이게 선명한 걸 2기 이렇게 보니까 t 엄청 많이 나죠 봐봐요 이렇게 쨍한 이미지가 들어야 돼요 이게 뭐 유료 이미지 무료이미지 그런 개념의 차이는 아니고요 무료이미지 도 이런 것 되게 많아요 무료이미지 도 이런거 되게 많거든요 그러니까 한번 찾아 가지고 요건은 이미지 교체가 반드시 필요한 시점이 에요 그가 왜 깨진다고 말씀 드린 지 아시겠죠 굉장히 많이 깨져요 자 그 다음에 여기가 이렇게 오버랩이 됐다 모발의 파는거 좋아요 근데 디자인이 좀 잘못 됐어요 차라리 그냥 5개 쭉 깔끔하게 까는게 어때요 저는 그게 훨씬 좋아 보이긴 하는데 무난하게 그냥 디자인 까미 어쩔까 싶어 뭔가 뭐 여기서 특별 한번 보여줄 필요는 없거든요 카 이렇게 5개 깔면 되었거든요 느낌이 많이 다르죠 이 느낌과 일으키 이 gnb 느낌과 이 느낌 이 느낌을 잡으셔야 되요 이런것들을 한번 직접 조정을 해 보시면 될 것 같구요 이부분도 쪼금 아쉬워요 어이 로고는 분명하게 잘 들어간 것 같아요 그 다음이 뒤에 담에는 흰색 이렇게 깔아주면 이렇게 되겠죠 아마 이건 음 모르셔서 안했을 것 같아요 방법을 알려 드리는 거에요 자 좋아요 여기 폰트도 당연히 다 크겠죠 그리고 여기는 불필요하게 컬러가 들어오는 것보다는 그냥 그레이로 케냐 말에 깔아 주시는 걸 좀 추천드릴께요 왜냐하면 로고가 죽어요 여기 색깔 들어오고요 아 그래 아이콘 아 아아 역시 이거 3 잤는데 되게 다 섬이다 지글지글 하잖아요 아이폰이 얘는 서명이 얘는 그런게 맞아요 이건 안 그리신 것 같은데 는 심지어 좀 찌그러져 있는 것처럼 보여요 심지어 얘도 선명하지 않아요 이거 선명하게 좀 그려 주셔야 되구요 당연히 폰트 다 너무 큽니다 아 여기도 지금 너무 크죠 너무 커요 자 봅시다 지금 요 부분 짤라서 제가 뭐 받을게요 다 봅시다 아 음 얘 일단 2321 꽉 채우게 는 확실히 좀 부담스러운 크기에요 자 일단 빼고 근데 역시나 이것도 서버 먹고 가 좀 필요할 것 같긴 합니다 이거 접때 제가 삼성카드 한 번 예 시트를 썼는데 비슷한게 있네요 나쁘지 않죠 이런식으로 디자 가셔도 될것 같은데요 아니면 조금 더 찾으면 더 많은 다양한 느낌들이 많을 거에요 이거는 쪼꼼 마 찾아 보시면 바로 확인하실 수 있을 겁니다 아셨죠 자 이 부분 당연히 너무 크겠죠 자 일단 그리드가 벗어나 쪄요 이 부분은 잘 이 부분도 지금 디자인이 그렇게 좋아보이진 않네요 역시나 여기를 굳이 박스를 춰야 됐나 싶은 느낌이 있어요 훨씬 간결하고 깔끔하게 보여주시면 되요 이 폰트 아무리 봐도 너무 커요 아무리 같소 너무 커 익숙하지가 않아서 그런지도 뭐 풉니다 일단 메인 페이지는 이런 느낌을 한번 쭉 디자인을 해 보시면 좋을 것 같아요 근데 제가 써 페이지를 쭉 봤는데 전체적으로 다 너무 커요 이런 부분들 다 너무 크겠죠 자의 아이콘 1 갔다가 너무 커요 너무 커요 여기도 지금 라인이 너무 두꺼워요 저라면 그냥 1 픽셀로 갔을 거고 여기 원이 지금 그렇게 중요할까 생각이 들어요 2015년도 저라면 뭐 이렇게 줄일 것 같은데요 이렇게 가시면 됩니다 요것도 제가 예 실은 알고 있어요 요 느낌 말은 말씀 드린 건데 이게 저는 이제 사전에 벤치마킹을 회사에서도 되게 많이 하고 다른 디자이너들은 과연 디자인을 어떻게 하나 그런것들도 굉장히 많이 보거든요 요런 느낌으로 한번 쭉 해보시는게 어때요 제 폰트 너무 크죠 즉 100% 원본 입니다 이거 뉴 느낌으로 한번 진행해 보시면 좋을것 같습니다 아 그렇죠 하고 일단은 깨진거 는 그렇다 쳐도 크기에 대한 거 간격에 대한 거 크게 대한 거라고 말씀 드릴 거면 이 폰트에 대한 강약 2강 냐 냐 글 한번 쯤 연습을 해 보시는게 좋을것 같아요 어 자 요거 줘 자 요런 느낌으로 강약을 한번 짜 보시는게 어때요 좌측 정렬 하셔도 되고 우측 정열을 하셔도 되고 고 거는 뭐 우리 시청자 분이 하고 싶은 대로 하셔도 되니까 강약을 한번 본인이 한번 스스로 짜보는 연습 훈련이 많이 필요할 것 같습니다 아 뭔가 제가 볼때는 조금 더 디자인에 많이 보고 많이 연습하세요 될거 같아요 아직은 또 많이 부족해요 우리 친구 아직은 좀 많이 부족해요 폰트 깨진거 감안하고 봐도 아직은 좀 많이 부족합니다 그래서 지금 여기 투명도 도 너무 흐리고 거든요 여기 최 60% 이상 들어 와야 되고 그레이가 아니라 블랙 으로 이렇게 처리 하셔야 되요 최소 60% 이상은 들어 와야 돼요 음 아셨죠 이런식으로 한번 해보는게 좋을것 같아요 요것도 a 기업의 60% 가 되야 되냐 왜 60포 라 돼야 될까요 가독성 접근성이 이런 것들을 고려했을 때 올블랙의 60% 가 그나마 좀 나요 조금 연하며 는 50% 정도 까지는 뭐 어떻게든 될 건데 50% 이아름 안 떨어지는 게 좋습니다 가 독소 때문에 아셨죠 이런 것이 이런 것들도 제가 좀 의문이긴 헤어 2 쿠폰 안에 들어가는 가격 있잖아요 이게 원이 꼭 들어가야 되나 뭐 이런 것들이 좀 궁금하긴 합니다 한국 만약에 들어간다면 한걸로 들어가면 안될까 이게 왜 문제가 생길까요 여러분들 이 쿠폰이 갈 3천원 밖에 없을까 만원 대 몇 할 거에요 이거 만원 되면 이렇게 되잖아요 흔히 쿠프 3천원 밖에 없을까 뭔가 이런 생각도 좀 들기도 하고 이 쿠폰도 디테일을 좀 잡으셔야 될것 같아요 저라면 임원은 뺄 겁니다 그리고 지금 여기서 이 스 테 크 할인쿠폰이 중요할까 이 가격이 만원이 중요할까요 40 60 융 해야죠 그렇죠 5 16가지 치우고 얘를 줄여 어 스키 다음에 구치 제가 컬러가 들어갈 필요 없어요 어떤 식으로 진행 하시면 될거같아요 s12 도 사실 필요 없잖아요 우리가 쿠폰을 볼 때 할인가 를 가장 중점적으로 보기 때문에 나머지 다 죽이고 이 할인 금액에 대해서만 강렬하게 포커스를 맞춰 주는 거에요 사실 뭐 이 디자인이 좋다 안좋다는 뭐 그 이후에 판단 해야 돼요 일단 이것만 보시면 될 것 같아요 아셨죠 얘는 사실 10만원까지 돌아도 어느정도 영역이 충분하죠 자 그 다음에 애가 이제 여기가 만약에 무료배송 쿠폰 이렇게 여섯 글자가 들어 왔을 때도 얘가 딱 될 거냐 지금 보면 여기 타이트 하셨잖아요 이런 것들을 고려 하셔야 돼요 그래서 이 쿠폰에 들어가는 최대 글자 수가 몇 개인가 를 먼저 고려 하신 다음에 이 쿠폰의 와이드 값을 정하는 거의 길이 값을 정하는 겁니다 아셨죠 그런 것들을 다 하나 하나 봐 주시는 게 좋아요 아셨죠 지금 문제되는 게 만날 쿠폰을 보며 정도에서 좀 마무리를 짓도록 하겠습니다 아셨죠