berry

지난번보단 좀 더 정리된 형태로 특집 원페이지, 그리고 판결문 페이지 만들어봤습니다.

컨셉은 시민이 보고서를 받는다는 느낌을 주고 싶었어요.

그림은 많이 들어가지 않을 것 같고 (들어가도 키워드 부분에 들어갈 것 같아요.)

여기서 노란색 색연필로 줄 친 것 같은 터치들을 좀 더 넣을까 싶기도 하고요.

1) 각종 리드문 

2) 소제목들 제가 예시로 썼는데 금요일에 같이 손봐요.

2차 특집 : https://app.sympli.io/app#!/designs/5a31bf39070df8c1273c6be6/specs/assets

2차 특집 판결 : https://app.sympli.io/app#!/designs/5a31bf871e2fd5a24efd9285/specs/assets 

Login - Sympli.io
Make pixel perfect apps. Simply.
APP.SYMPLI.IO 원글보기
댓글달기 10
공감해요
달리
현재 사이트엔 없는 새로운 폰트가 들어있는데요. 의도된 것일까요?
댓글달기
공감해요 1
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
달리
우선 컨셉은 너무 좋아요. 굿!
댓글달기
공감해요 1
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
달리
"세월호아카이브2차_특집_1214"에서 판결문은 좌우 슬라이드 되면 어떨까 싶은데요. 그리고 판결문이 뭐뭐 있는지 살짝 보이면 더 좋겠구요.
댓글달기
공감해요 1
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
berry
@달리 넵, 저희 이번에 모은 자료들 대부분이 명조체더라구요. 고딕느낌으로는 보고서 느낌이 안나서요 ~
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
달리
"세월호아카이브2차_특집_판결_1214" 요기엔 1. 너의 판결 예상 vs 실제 판결 요런 느낌의 섹션도 하나 있어야겠네요. 예상하고 들어오는 경우에만 보여지는.
2. 판결문을 읽고 자신이 예상 했던걸 읽고 바꾸실 분도 계실까요? ㅋㅋ
3. 남들의 판단도 그래프로 그려서 보여주는걸로 하면 좋겠군요.
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
달리
@berry 네 그렇군요. 다른 페이지와 이질감이 생길까 여쭤보았네요. 그럼 다른 페이지도 좀 다듬게 되나요?
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
berry
@달리 서체 : 아뇨 다른 페이지는 그대로 두려고 했어요. 특집이니까 괜찮지 않을까하구요
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
berry
@달리 판결예상 : 이건 잘 모르겠는데 내일 세션에서 한번 더 설명해주시면 좋을 것 같아요 ~
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
달리
@berry 넵. 내일 세션때 좀더 이야기 해보지요.
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.
달리
소셜 공유를 판결문마다 넣으면 어떨까요?
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.