XETOWN

분수 광장

특정한 주제 없이 자유로운 이야기를 나눌 수 있습니다.
조회 수 235 추천 수 0 댓글 14
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
Extra Form

http://opeanut.eond.com/

 

오피넛 사이트를 리뉴얼 중입니다. 

관리자분께서 원하시는 디자인과 설명해서 제가 이해한 디자인의 갭이 큰거 같아요. @_@;;

새로 포토샵으로 작업해보신다고 하는데......orz............

 

http://smugsmug.com

http://icegee.wixsite.com/iceinn

 

이 두개 사이트와 같이 작업했으면 한다고 해서 작업한건데 뭐 부족한 디자인 코치 좀 해주세요 ㅠ

  • ?
    DIZAK 2016.12.19 23:01:50

    1. "로그인"글씨를 좀 수정하셔야할꺼 같습니다.
    2. 검색란도 클릭하면 변형되던거라던지 검색디자인도 좀 하셔야할꺼 같습니다.
    3. "언어변경"을 하단에다가 놓는것은 어떤가요? 아니면 상단 모서리부분에다가요.

  • profile
    이온디 2016.12.19 23:14:37
    그 부분은 일부 요소적인 것이고 메인 전체 디자인 ㅠㅠ
    그 부분은 작업해야해요 ㅎ
  • ?
    DIZAK 2016.12.19 23:21:53
    그렇군요 ㅎ
    그러면 전체적인 디자인 괜찮은데요? ㅎ 깔금하고요 ㅎ
  • profile
    GG 2016.12.19 23:27:59
    폰트, 폰트크기, 패딩값 등이 마음에 안드는게 아닌가 싶네요.
  • profile
    이온디 2016.12.20 03:49:15
    그 부분이 가장 어렵네요 ㅠㅠ
  • ?
    Jack 2016.12.20 00:06:47
    저는 디알못이긴 합니다만.. 참좀사이트들보면 사진들의 색감이 살아있어요 반면에 다른 디자인요소는 무채색이구요, 만드시는 사이트는 둘다 무채색이라서 그런것같습니다. 색감있는 사진을 크게 넣어보시는건 어떠신지요
  • profile
    이온디 2016.12.20 03:48:56
    흑백사진과 컬러사진 배치 위치를 서로 바꿔주니 좀 낫네요 ㅎ
  • profile
    프렌다 2016.12.20 00:53:29
    우선 폰트가 예시 사이트에 비해 지저분 해보입니다.
    이부분은 영문과 달리 한글에서 많이 보이는 증상인데...
    한글폰트들은 울퉁불퉁해 보이더군요... (받침 등에 의하여)
    특히나 폰트 사이즈가 커질경우에 도드라져 보이구요
    한글 울퉁불퉁 해보이는건 어떤 웹폰트를 쓰던 비슷하더라구요...
    직접 포토샵 등으로 이미지화 시키지 않는이상은... 하지만 메뉴나 글 제목등을 하나하나
    이미지 처리할수도 없고.. 사실 이미지가 아닌 텍스트 위주를 SEO에서 보기도 하고...

    영문권에서야 표현할 글자가 몇개 없으니 웹폰트를 몇개씩 때려넣어 쓰기도 하지만
    한국어 사이트는 웹폰트는 사용이 좀 그렇죠...

    notice 등의 최신글 위젯에서 제목이 길경우 줄바뀜이 되는 부분이 있던데...
    글자수 제한을 두어서 한줄로 나오게 처리하던가 두줄일 경우에도 이쁘게 보이도록 수정

    그리고 B&W 갤러리 같은 경우 마우스 오버시 효과정도 추가하면 이쁠거 같구요
    (전체적으로 사이트가 예시 사이트에 비해서 너무 모노톤이에요 ㅠㅠ)

    위젯들에서 폰트 사이트 및 패딩값 조정 정도 해주시면 더 눈에 잘 들어올거 같구요
    (현재의 폰트사이즈, 배치 등은 다소 너저분해 보입니다.)

    그리고 전체적으로 가장 큰 느낌을 받는것이...
    예시 사이트의 이미지들에 비하여 이온디님의 사이트의 이미지들이 너무 단조롭습니다.

    이게 무슨 말이면...
    예시사이트의 이미지들은 로모효과, 색감의 필터 처리 등등이 되어 있는데 비해
    이온디 님의 사이트의 이미지들은 원본을 사용하다 보니 전체적인 이미지가 부드럽지 않은
    느낌입니다.

    CSS상에서 효과를 추가하시던가... (이 부분은 근데 저두 잘 모르겠네요... 브라우저 호환성 문제도)
    혹은 포토샵 이나 휴대폰 어플리케이션 (Analog Film) 등에서 이미지 처리를 한번 해주신뒤에
    사용하시면 이쁠거 같습니다.
    (만약 사진전문 커뮤니티 등의 컨셉이라면... 이부분은 원본을 사용하는것이 맞겠지요)


    이상 순수하게 방문자 입장에서 둘러보고 몇마디 남겨봅니다.
  • profile
    이온디 2016.12.20 04:48:50
    긴 말씀 감사합니다. 말씀해주시는 사항들 위주로 작업해봤습니다.
    한글이라서 그런 점, 사진이 안 예쁜 점 빼고 ㅠㅠ
    폰트 여백 부분 좀 수정해봤고요. 정말 큰 도움 되네요 ㅎ
  • profile
    프렌다 2016.12.20 04:57:12
    와우..
    아까 보았을때 보다 한결 깔끔해졌습니다.

    최근글 위젯 엄청 이쁘게 잘 꾸미셨어요
    shop item 부분 제목/글쓴이/본문요약 만 스타일 줘서 구분되게끔만 하면 거의 완벽하겠어요!!
  • profile
    착한악마 2016.12.20 10:00:13

    위에 분들이 이야기 한것 처럼 폰트의 강약..과 여백의 차이가..이 시각적으로 예시 페이지와 다른것 같습니다. 깔끔한 스타일인 디자인은 꼭 폰트 크기의 강약과 여백의 느낌이...중요합니다...^^ 다듬는 일만 남았으니 화이팅하세요.

     

    아 그리고 갤러리들의 이미지 썸네일과 멘 위 이미지 세로 사이즈는 웬만하면 이쁜 비율을 찾으셔야 할듯합니다. ^^ 참고 하세요

  • profile
    김햄C 2016.12.20 10:07:52
    각 섹션 단락이 너무 큰 건 아닐까요.. 위 아래의 섹션 배치가 전체적으로 한 레이아웃이라는 느낌은 주지 않는 것 같습니다. 섹션 단락이 큰 것에 비해 위 아래 여백도 가독성이 떨어지는 편으로 좁구요. Forum 등의 최근게시물은 양 옆으로도 여백이 없어 가독성이 떨어져요 8ㅅ8

    오더 주신 분이 예제로 보여주신 두 개의 사이트의 경우, 이미지가 레이아웃에 달라붙어 있는 느낌이지만 예시 이미지로 쓰신 것들이 레이아웃 자체를 혼란스럽게 하기도 합니다. 추천 드리는 건, 맥델린(http://magdeleine.co/browse) 같은 곳의 (상업 무료 사용 가능) 사이트 참조하시어 심플&모던 이라면 톤을 일률적으로 맞춰주시고, Opeanuts의 O가 포인트 컬러 색상으로 보이는데, 하단 섹션 단락의 타이틀의 경우는 또 그렇지 않아서 같은 레이아웃 부모 아래에 있는 섹션으로 안 보이는 경향도 있구요. 갤러리와 B&W Gallery를 위 아래로 나란히 배치하신 건 따로 오더를 받으신 건지... 그게 아니시라면, 섹션 단락을 위 아래 재 배열 하는 것도 좋을 것 같습니다.


    라고 말은 했지만 8ㅅ8 상처 받지 말아주세요...
    요새 디자인시 가장 중요하게 생각하는게, UI/UX라 전반적으로 가독성을 제일 많이 중점을 두셔서 디자인 하셔야 하고. 그 다음이 심미성 입니다. :) 파이팅하세요!
  • ?
    DoorWeb 2016.12.20 14:47:07
    잘만드셨는데요.
    어차피 샘플 사이트도 이미지빨이라..

    부자연스러운거 좀 다듬고 이미지 잘 올리시면 이쁘실겁니다.
  • ?
    DoorWeb 2016.12.20 14:57:13
    굳이 바꿨으면 하는 부분은 하위메뉴에 있는 불투명 검은색 배경인데 이걸 상위메뉴 옮길때마다 깜박거리는게 조금은 보기 불편하네요. 소스를 보니 :hover 일때 transition 와 opacity: 1 을 이용하는거 같은데 그냥 ul은 바로 배경 보이게 처리하시고 그 밑의 li 나 a 에 이걸 처리하시면 보기 조금더 편하지 않을까 싶습니다.

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
화제의 글 자유 레이아웃 1카피 나눔입니다. ^^ [응모완료/추천중] 57 xelayout 2017.05.26 282
화제의 글 자유 출석부 관련 비밀을 풀어드릴께요 7 file 더딘하루 2017.05.17 249
화제의 글 자유 추억의 XE사이트 22 file 제이엔지 2017.05.22 355
4276 자유 클수마스 기념 트리 아이콘 배송중 ㅋ (저희 사이트...) 2 웹지기 2016.12.20 109
4275 자유 채팅위젯,, 우하하vs유챗2 2 keh**** 2016.12.20 129
» 하소연 어려운 디자인 @_@ 14 이온디 2016.12.19 235
4273 자유 네이버웍스(웍스모바일) 사용하시는 분들 계신가요? 11 comlove1212 2016.12.19 144
4272 자유 유챗2 위젯출시됬네용.. 6 라그릿 2016.12.19 196
4271 자유 클라우드 저장공간 뭘 사용하세요 ? 4 이성민 2016.12.18 153
4270 자유 포인트 부자 위젯 어디갔나요? 6 다이오니 2016.12.18 104
4269 자유 centos 7.3으로 업데이트 되었 9 휘즈 2016.12.17 187
4268 자유 청와통닭 레이아웃을 위한 도메인 6 레믹스 2016.12.17 199
4267 자유 활기찬 저녁을 위하여 우리다같이 뿜어봅시다 ^_^ 1 솔파도 2016.12.16 78
4266 자유 스팸을 없애는 최고의 방책!! 4 file 제이엔지 2016.12.16 258
4265 자유 심심해서 올려보는 제컴퓨터 바탕화면.jpg 7 file 오징 2016.12.16 142
4264 자유 스패머가 쓰는 언어?! 4 file CONORY 2016.12.16 161
4263 자유 안드로이드웹뷰 업데이트 되니 list-style-type: disc 이게 이상하네요... 1 웹지기 2016.12.16 101
4262 자유 나는 보수인가요. 9 DoorWeb 2016.12.15 175
4261 자유 헐ㅋㅋㅋ 공홈 휴면계정 삭제 예고 안내 날아왔네요 2 file 기븐 2016.12.14 182
4260 자유 아주 재밌고 멋진 춤 4 제이엔지 2016.12.14 114
4259 자랑해요 jquery 스크롤 내리기 효과 7 구름이 2016.12.14 164
4258 자유 이번주 수요일 방송은 휴방이에요.. 1 람보 2016.12.14 54
4257 자유 waveform (음파)형이 지원되는 player가 있을까요..? 1 루딩 2016.12.13 83
Board Pagination Prev 1 ... 47 48 49 50 51 52 53 54 55 56 ... 265 Next
/ 265
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...