designnas
1,000+ Views

웹디자인_B friend bx사이트 포트폴리오


브랜드 : B friend l 종류 : bx site l 제작프로그램 : Photoshop , Dreamwever
레이아웃 : 플렉시블 그리드
타이포그래피 기술 : 이미지폰트30%, 시스템폰트 70% l 디자인이론 : 인터랙션 디자인, 텍스쳐 드로잉
비주얼 스킬 : 텍스쳐드로잉 이용한 일러스트 비주얼 l 웹표준 : 부분 웹 표준화, 제이쿼리 적용
제작기간 : 표현작업 (4주) 기획 (1주) 코딩 (2주)
학생 : 김지영 ㅣ 클래스 : 앤디클래스


Comment
Suggested
Recent
Cards you may also be interested in
사업 계획서 가독성 높이는 PPT 꿀TIP
연휴에도 창업 준비를 위해 열심히 일하는 당신!! 여러분을 위한 사업계획서 가독성 높이는 PPT 꿀TIP을 소개합니다! 제안서나 사업계획서를 작성할 때에는 문단 배열과 글자색 등으로 가독성을 높이는 것이 중요해요! 색채 계획부터 여백을 활용하기까지! 선생님도 안 알려주는 PPT 작성법을 알아봅시다! 1. 색채 계획 프레젠테이션의 전체 분위기를 좌우하는 것이 바로 색채입니다. 빨강색을 활용하면 강렬한 메시지를 전할 수 있고, 파랑색을 활용하면 신뢰감을 줄 수 있죠! 2. 폰트 계획 PPT 작성 시 색채만큼 중요한 요소가 바로 폰트입니다. 고딕체를 사용하면 가독성이 높은데요. 긴 문장이 많을 때는 명조체가 읽기 더 편하다는 사실! 3. 투명도 이미지 위에 폰트를 삽입할 때에는 폰트가 잘 보이도록 이미지의 투명도를 조절하는 것이 좋아요! 배경과 폰트 모두 잘 보일뿐만 아니라 더욱 활력 넘치는 PPT를 만들 수 있죠! 4. 자간, 행간 글씨가 다닥다닥 붙어있으면 읽기 힘들 수 밖에 없죠. 자간과 행간을 조절해서 가독성을 높이는 것이 좋은데요! 텍스트의 양이 많다면 행간을 넓혀서 글이 쉽게 읽히도록 해주세요! 5. 여백의 美 너무 화면을 꽉 채우지 말고, 여백을 남겨두는 것도 좋은 방법이에요! 오히려 여백을 주면 핵심만 집중할 수 있답니다!
750여개의 폰트와 관련 정보를 한 눈에 확인할 수 있는 IDEO의 ‘FONT MAP’
대체 어떤 폰트를 적용해야할까? IDEO의 답은? 어떤 언어든, 웹이나 모바일상에서 이를 표현하기 위해서는 하나 이상의 ‘폰트’를 정해야 합니다. 서비스와 잘 어울리는지는 물론, 이용하는 사람들에게 잘 맞는지 등 여러 내용을 따져 폰트를 정하게 되는데요! 문제는 우리가 사용할 수 있는 폰트 종류가 생각보다 훨씬 많다는 점입니다. 선택지가 많을수록 우리의 선택은 어려워질뿐더러 폰트의 경우 그 종류를 모두 파악하고 있는 것이 아니기 때문에 정하는 것이 더 어렵게 느껴집니다. 세계적인 디자인 이노베이션 그룹 ‘IDEO’에서 얼마전 이런 문제를 조금은 더 쉽게 해결해줄 수 있는 솔루션을 내놨는데요! 그래서 오늘은 폰트 정보를 더 쉽게 확인하고 결정하는데 도움을 줄 수 있는 ‘IDEO’의 ‘Font Map’을 소개드리려고 합니다. 750여개의 폰트와 관련 정보를 한 눈에 볼 수 있도록 도와주는 ‘Font Map’ ‘Font Map’은 폰트간의 관계, 예를 들면 비슷한 폰트와 같은 정보를 유기적으로 보여주는, AI를 활용한 서비스입니다. ‘A’라는 대표 문자를 지도처럼 화면에 그려넣어 어떤 형태로 이뤄져 있는지를 한 눈에 볼 수 있도록 구성되어 있죠.  위의 이미지가 ‘Font Map’를 통해 한 눈에 볼 수 있는 폰트들의 모습인데요! 상-하로 구성된 리스트가 아니라 이렇게 한 눈에 어떤 폰트들이 있는지를 확인할 수 있어 속이 확 – 트이는 느낌이었습니다. 장소 정보를 리스트로 보다가 지도 위에 펼쳐서 보는 느낌과 같았죠. 원하는 폰트위로 마우스를 가져가면 간략한 정보를 확인해볼 수 있습니다. ‘Font Map’에서 원하는 폰트를 찾았다면, 클릭을 통해 자세한 정보를 확인할 수 있습니다. 폰트를 한 눈에 볼 수 있다는 점도 좋았지만, 특정 폰트를 선택하면 관련 비슷한 폰트 정보를 제공해주고 구글 폰트 검색 결과로 바로 연결된다는 점이 매력적이었습니다. ‘Font Map’의 ‘About’ 정보를 살펴보면, IDEO에서 왜 ‘Font Map‘를 만들었고, 어떻게 사용하면 좋은지에 대한 내용을 확인해볼 수 있는데요! “글꼴 선택은 디자이너가 가장 일반적으로 생각하는 시각적 선택 중 하나이며, 대부분은 오래된 즐겨 찾기로 돌아가거나 범주 내에서 글꼴을 검색합니다. (중략) 디자이너를 포함한 설계자들이 750 개가 넘는 웹 글꼴의 관계를 이해하고 볼 수있게 도와주는 도구를 만들었습니다.” 라고 합니다. 실제로, 제가 ‘Font Map‘을 쓰면서도 상당히 잘 짜여져 있다는 생각이 들었고요. 물론..한글 폰트가 아닌 영문 폰트 중심이라는 점이 국내에(?) 머물고 있는 제겐 아쉬운 점이었지만 종종 영문 폰트 정보를 확인할 일이 있기에 즐겨찾기를 해두고 활용하려고 합니다.  출처 : 지금 써보러 갑니다 블로그
해외에 소개되고 있는 국내 글램핑장
14텬도 1월쯤에 소개된 국내 글램핑장이라는데요 비닐하우스 구부려놓은 느낌이 ㄷㄷㄷㄷㄷ (지송) 글램핑의 텐트 모양은 두종류'_'/ 하나는 조약돌을 닮은 그냥.. 돌.....? 짱돌? ???'_'??? 암튼 둥그스러운 모양의 원형이고 위에 보셨던 굴곡지면서 긴 모양이라고 . 구불구불 제작이 가능해서 자연친화적일 것 같아요 (나무랑 계곡을 요리조리 피해서 설치 가능 한 것이 장점이라고) '_' 글램글램하네요 거의 집이라고 해도 손색 없는 모양새 '_' 내부는 이국적인 글램핑 느낌과는 다르게 한옥이미지를 포인트를 줘서 한국의 미를 더욱 강조했네요 '_' 와아아아아~ 겉보기와는 다르게 자외선 차단도 된다는데 위치는 좋아요 100개 이상되면 알려드리는게 아니고 찾아볼께요 ( 아직 안찾아봄 ㅋㅋㅋ) '_';;;; 좋아요 50개이상 기념과 @yoohyun486님의 힌트 덕에 갑자기 빠르게 찾았네요 @yoohyun486님 캠핑의 왕이신듯 ㄷㄷㄷ 역시 자본주의의 힘은 막강해요. 소셜커머서 쿠X에 가니 이렇게 자세하면서 친절한 글이 있었네요 (심지어 딜까지 있지만, 빙글에서 저렇게 광고하면 제글 삭제되니 ㅠ 가고 싶으시면 직접 찾아보세요 ㅜ) 그리고 싸우면 제가 앞으로 글을 못 쓸지도 몰라요 ㅠㅠ 아무리 사랑하는 남녀 사이라도 조금씩 차이가 있듯 관심사가 같아도 조금씩 차이가 있는거니깐 이왕 이렇게 된거 "아~ 이사람을 이런 생각을 가지고 있구나~ 뭐 좋은 점도 있겠네" 하고 포옹하는 멋진 빙글러 되세요 :)