designnas
1,000+ Views

웹디자인_swarovski 스와로브스키 마이크로사이트 포트폴리오


브랜드 : SWAROVSKI l 종류 : micro site l 제작프로그램 : Photoshop , Dreamwever
레이아웃 : 플렉시블 그리드
타이포그래피 기술 : 이미지폰트 80%, CSS폰트 20% l 디자인이론 : 인터랙션 디자인, 오브제꼴라쥬
비주얼 스킬 : 명암스킬, 공간꼴라쥬 l 웹표준 : 부분 웹 표준화, 제이쿼리 적용
제작기간 : 표현작업 (3주) 기획 (4일) 코딩 (1주)
학생 : 김해영ㅣ 클래스 : 앤디클래스


디자인나스 홈페이지


Comment
Suggested
Recent
Cards you may also be interested in
♥ 손가락별 반지 의미 ♥
여러분은 보통 반지를 어느 손가락에 끼시나요? :) 반지는 로마시대 부터 상징성을 가지고 전통적으로 많은 의미를 가지고 있답니다. 오늘은 손가락별 반지의 의미를 알아보려고 하는데요~ 같은 반지라도 어느 손가락에 끼는지에 따라 의미가 달라진답니다. ▶ 엄지손가락 엄지손가락에 끼는 반지는 집념과 신념을 의미합니다. 자유와 권위를 의미하는 엄지에 반지를 낄 경우 자유를 구속하는 의미를 지닙니다. 그럼에도 엄지손가락에 반지를 낀다는 것은 강한 의지를 보여주면서 또 다른 해석으로는 '현재 나는 솔로입니다.'라는 것을 보여주는 의미라고도 합니다. ▶ 검지손가락 검지손가락에 끼는 반지는 친밀한 관계와 에너지를 의미합니다. 전자는 왼손, 후자는 오른손으로 검지손가락은 지시성을 지니고 있어 방향, 꿈, 목표를 의미하는데, 특히 오른손의 에너지는 앞으로 나아가는 힘으로 그 의미의 영향을 많이 받는다고 할 수 있습니다. 왼손은 친밀한 관곌르 뜻하기 때문에 우정 반지를 낄 때 사용한다고 합니다. ▶ 중지손가락 중지손가락에 끼는 반지는 성공에 대한 열망, 집중력을 의미합니다. 중지가 직관과 영감을 뜻하는 손가락이기 때문에 그곳에 반지를 낌으로써 자기 암시는 거는 것이라고 합니다. 중지손가락 반지는 중요한 일이 있을때 활용하는 것도 좋을듯 싶습니다. ▶ 약지손가락 약지손가락에 끼는 반지는 왼손은 사랑을, 오른손은 평온이나 마음을 다스리는 것을 의미합니다. 약지는 심장과 연결되었다고 해석되기 때문이라고 하는데, 전자의 경우 마음을 다해 사랑한다고 하는 것이나 다름없습니다. 결혼 반지나 커플링을 왼손 약지손가락에 끼는 것이 이 때문이라고 합니다. ▶ 새끼손가락 새끼손가락에 끼는 반지는 왼손은 새로운 기회와 변화, 오른손은 행운과 소원을 의미합니다. 새로운 일을 시작할 때 기회가 다가오기를 소망하고 행운을 바라는 것으로 새끼손가락에는 졸업반지나 취업반지를 낍니다. 이렇게 손가락별 반지의 의미는 약간씩 다른 해석과 기원을 지니고 있기때문에 끼는 사람의 마음에 달려 있다고 할 수 있는데, 요즘은 악세사리의 의미로 반지의 의미를 차지하고 낄 수도 있답니다~ 의미를 두고 싶다면 긍정적인 뜻으로 간단한 자기 암시를 하는것도 좋을 것 같네요 :D [제품 사진 및 글 출처] 수리트리 http://www.suritree.com http://blog.naver.com/suritree
무료 사진 이미지 사이트 5곳[저작권 걱정없어요]
블로그에 포스팅을 하게 되면서 다양한 무료사진이 필요 했습니다. 많은 사이트들이 있는데 제가 써본 결과 가장 유요한 사이트 5개만 간추려 정리해 보았네요. 저작권 걱정없이 고퀄리티 사진 이용하세요. 1위. 픽사베이 https://pixabay.com/ 무려 930,000만장이 넘는 무료사진 사이트로 키워드 검색했을때 가장 많은 사진들을 보유하고 있어요.블로그 사이즈에 맞게 크기별로 다운로드가 가능해 제가 가장 애용하는 사이트 입니다. 2위. 프리 큐레이션 http://www.freeqration.com 250,000 이상의 사진을 보유한 고퀄리티 무료 이미지 사이트입니다. 역시 저작권 걱정없이 쓸 수 있습니다.다운로드 크기도 정할 수 있어 편리하네요. 3위. 언플래쉬 https://unsplash.com/ 퀄리티가 뛰어난 사진들만 있는 고퀄 이미지 무료 사이트입니다. 고급스런 사진이 필요할 때 가장 이용하는 사이트 입니다. 4위. 스탁스냅 https://stocksnap.io 픽사베이보다 사진 수가 적으나 여기 역시 고퀄리티 사진이 필요할 때 이용하는 무료 사진 사이트 입니다. 5위.픽점보 https://picjumbo.com 고화질의 사진이 많은 곳으로 전문 포토 그래퍼가 직접 찍은 사진들이 많습니다. 2편은 저작권 걱정없는 무료 폰트 포스팅을 해보겠습니다. 요런건 좋아요와 클립 부탁합니다. 무료폰트 추천 http://blog.naver.com/odalga/220992494621 https://www.vingle.net/posts/2072372
[ 웹사이트 개발까지의 추천 10단계 ]
웹사이트 개발까지의 추천 10단계 (참조 : 10 steps for developing a website ) 다른 여느 기술적인 프로젝트와 같이, 웹사이트 개발도 쉬운 일은 아니다. 주의해야 할 점이 너무도 많기에, 웹사이트 개발 시에는 반드시 꼼꼼하게 적절한 단계를 따라야 한다. 이 기사에서 웹사이트 프로젝트를 정의하는 순간부터 웹사이트의 개발과 홍보에 이르기까지의 단계를 일목요연하게 소개하고자 한다. 1. 웹사이트의 목적을 정의하라 이는 웹사이트의 개발 단계에 있어서 당연히 가장 먼저 시행되어야 한다. 너무 포괄적으로 들릴지도 모르지만, 여기서 말하는 목적이란 사업 계획을 의미한다. 웹사이트를 통해 달성하고 싶은 목표는 무엇인가? e커머스인가 아니면 서비스 웹사이트인가? 목적을 세우는 것은 웹사이트 내의 컨텐츠를 정의하고 회사를 위해 어떠한 형태의 웹사이트를 만들어야 하는지 이해하는 데 도움을 준다. 예를 들어 더 많은 잠재 고객들을 유치하고 그들과 더 많은 관계를 맺는 것이 목적이라면, 자신이 제공하는 제품이나 서비스를 더욱 매력적인 방법으로 보여주고 고객들이 그 회사에 수월하게 접근할 수 있도록 해주어야 할 것이다. 하지만 인터넷 매출을 올리고자 한다면 결제 단계를 간편화시키는 데 집중하는 편이 좋다. 이를 달성하기 위해 웹사이트 개발 혹은 웹사이트 디자인 전문가가 반드시 필요한 것은 아니다. 그러나 이러한 프로젝트에 대한 접근법을 이해하기 위해서는 비즈니스 컨설턴트를 가까이 하는 것이 현명할 것이다. 2. 웹사이트의 컨텐츠를 정의하라 웹사이트에 어떤 것을 올릴지를 항상 염두에 두고 있어야 한다. SEO에 신경을 많이 쓴다면 웹사이트의 컨텐츠는 검색 엔진에서의 순위에 직접적인 영향을 미칠 것이며, 사용자들이 웹사이트를 방문하게 만드는 주요 요인이 될 것이다. 첫번째 단계에서 용어 혹은 단어뿐 아니라, 어떠한 내용을 쓸 것인지 정의하는 것은 필수적이다. 좋은 결과를 내기 위해 전문가를 활용하는 것은 어떠한 상황에서도 가장 중요하므로, 유능한 SEO 카피라이터와 커뮤니케이터를 고용하는 것이 원하는 결과를 얻는 데 있어 핵심일 것이다. 3. 웹사이트 모형과 와이어프레임을 만들어라 (이미지 출저 : 슬로우워크 블로그 - http://slowalk.tistory.com/2140) 종이를 하나 꺼내 구상하고 있는 내용을 그려보아라. 모형은 단지 웹사이트의 섹션과 일반적인 구조를 담은 스케치 혹은 대략적인 초안이면 충분하다. 이렇게 함으로써 웹사이트의 주요 섹션과 이 섹션들 사이를 어떻게 네비게이트(navigate)할 것인지 정의할 수 있다. 그러나 아직 아이디어와 컨셉을 정하는 단계이므로 이 섹션들에 담겨질 텍스트에 대한 세부사항을 결정할 필요는 없다. 다음은 초안을 개선하여 상호작용을 제공하는 디지털 모델로 만들어내는 단계이며, 이는 웹사이트 디자이너의 몫이거나, 와이어프레임 툴에 대해 잘 알고 있다면 본인이 직접 할 수도 있을 것이다. 4. 웹사이트 디자인 상호작용을 어떻게 하고 싶은지 결정했다면, 이제 좋은 웹사이트 디자인을 위해 노력해야 한다. 흔히 우리는 웹사이트 디자인에 적극적으로 참여하고 싶어하지만, 웹 디자이너의 업무에 지나치게 관여하는 것도 바람직하지 않다. 웹사이트는 항상 사용자 친화적이어야 하며 웹사이트의 디자인이 효과적일 수 있는 방식으로 비율이 구성되어야 한다. 예를 들어 빨강은 아름다운 색이지만 웹사이트 디자인에서 너무 많이 사용되면 안된다. 항상 디자이너의 말에 귀 기울여 회사의 색과 사용자에게 편안한 색 사이의 균형을 찾아야 할 것이다. 가끔 우리는 사이트를 디자인하기 위해서 프로그래머 지인 혹은 친구에게 도와달라는 요청을 한다. 하지만 이때 주의할 것! 프로그래머는 디자이너가 아니다. 목적을 이루게 만들어 줄 전문적인 디자이너를 찾는 것이 핵심이다. 웹사이트의 디자인을 아웃소싱(은 프리모아) 을 고려하는 것도 가끔은 좋은 선택이 될 수 있다. 5. 웹사이트 개발: 코드 자 이제 가장 복잡한 단계에 대한 준비가 되었는가? 이제까지 고심해오던 프로젝트를 본격적으로 개발할 때가 왔다. 프로젝트의 난이도에 따라 한 명, 혹은 두 명의 개발자, 또는 아예 팀 하나가 전체로 필요할 수도 있다. 프로젝트를 얼마나 빨리 마무리하고 싶은지에 따라서도 이에 상당한 영향을 줄 수 있다. 급하면 급할수록, 프로젝트를 담당하는 팀의 크기와 개발시간이 늘어나게 될 것이다. 프로젝트 초기에 얼마나 많은 것들을 완성시켜두었는지에 따라 이 개발 과정이 비교적으로 간단할 수도 있다는 점을 기억해라. 개발자를 만나기 전 컨텐츠와 디자인 작업을 모두 마무리해두는 것이 좋다. 6. 모바일 친화적 사이트 비록 따로 서술하고 있지만, 사실 이 단계는 웹사이트 디자인 및 개발과 밀접한 연관이 있다. 이 단계를 구분해 설명하는 이유는 모바일 사용자 유치 및 검색 엔진 순위에 있어 이 부분이 상당히 중요해졌기 때문이다. 모든 SEO 전문가들이 모바일 디자인을 먼저 시작한 뒤 웹사이트 디자인을 진행하라고 조언할 것이다. 그들은 이를 ‘모바일 우선’ 디자인이라고 부른다. 하지만 그들의 조언을 따를 필요 없이, 어떠한 모바일 디바이스에도 완벽히 적응가능한 ‘반응형(responsive)’ 웹사이트를 고려하면 된다. 7. 끊임없는 테스트 웹사이트 개발 과정이 종료된 후 뿐 아니라 각 개발 단계가 마무리될 때마다 매번 테스트를 거쳐야 한다. 테스팅은 제품의 개발과 디자인에 관여하지 않았던 사람들에 의해 진행되는 것이 필수적이다. 디자인과 사용자 친화도에 있어 어떤 것을 개선해야 하는지 더욱 잘 이해할 수 있게 도와주기 때문이다. 또한 발생할 수 있는 잠재적인 이슈와 웹사이트 런칭 전에 수정되어야 하는 점들을 발견할 수 있게 해 준다. 8. 웹사이트 런칭 상기 언급되었던 모든 부분에 대해 검토하였다면, 이제 웹사이트의 런칭만이 남았다. 그러나 그 이전, 훌륭한 런칭이 되기 위해서는 몇 가지 더 마무리 지어야 할 것이 있다. · 공식 발표 준비. 자신의 정체성과 다른 동종사업 경쟁자들과 비교하였을 때 제품이 어떠한 참신함을 가지고 있는지 설명해야 한다. · 브랜드 관련 정보 및 이미지 준비. 이미지와 로고, 팀 사진 등을 준비한다 · 사이트의 홍보를 위한 인맥 넓히기. 웹사이트 런칭 전, 동종업계에 종사하는 협업자 혹은 영향력 있는 사람들과 연관된 계획을 세우기를 권장한다. 9. 마케팅 전략 이제 웹사이트 개발을 넘어서 온라인 마케팅에 대한 섹션으로 넘어가보자. 웹사이트 개발이 성공적이길 바란다면 자신이 가진 전략을 마음에 새겨야 한다. SEO를 위한 컨텐츠 최적화에 대한 우리의 추천사항을 따랐다면, 이 시점부터는 디지털 마케팅 전략을 다시 펼쳐야 할 것이다. 첫 몇 달 내에 성장하기 위해서는 웹사이트 포지셔닝 전략을 취하는 것이 좋다. 10. 결과 분석 및 개선 초기 목적을 달성하였는지 어떻게 알 수 있을까? 웹사이트 개발의 첫번째 단계를 기억하는가? 바로 목적을 정의하는 것이었다. 분석은 초기에 세운 목적 및 목표를 달성하였는지 확인할 수 있도록 돕는다. 이에 성공했다면 이제 새로운 도전을 해보자! 그러나 목적을 달성하는 데 성공하지 못했다면 왜 못했는지, 어디에 문제가 있었는지 알아낸 후 이를 달성하기 위해 새로운 변화를 준비해야 할 것이다. 이는 모든 회사들이 온라인의 세계에서 도약하기 위해 거쳐야 하는 과정이다. 각 단계마다 그에 걸맞는 전문가를 찾는 것이 어려울 때도 많다. 이런 이유에서, 프리모아는 모든 개발 단계에 맞는 완벽한 전문가를 찾아줄 준비가 되어있다. 당신이 어떤 단계에 있던 프리모아가 도움이 될 것이라 확신한다
2D-평면 레이져
레이져 각인이란, 투명한 크리스탈에레이져 빛을 쏘아 크리스탈 내부에 아주 미세한 점으로 흠집을 내어 그 점들이 모여 원하는 형상으로 표현되는 일종의내부에 찍히는 인쇄라고 할 수 있습니다. 먼저, 인물 사진이 레이져로 어떻게 찍히는지 알아보겠습니다. 아래 내용은 사진을 레이져로 찍기 전 단계의 과정입니다. (배경, 건물 등도 모두 이와같은 편집방법을 쓴다) 위와 같이 흑백으로 사진시안을 잡는 것은 크리스탈 자체가 무색 투명하여, 레이져 빛을 쏘면 크리스탈 내부가 미세하게 부서져 흰색점으로 표현되기 때문입니다. ▶ 2D인물 레이져 다음 사진은 위 과정으로 편집한 부모님 사진을 레이져로 찍은 제품입니다. 2D 평면으로 일반 사진을 흑백으로 인쇄한 느낌과 비슷합니다.  글자와 나눔의 하트모양 모두 평면으로 찍었습니다.  위와 같이 2D평면으로 레이져를 찍으면 오른쪽 사진과 같이 측면 모습도 평면이 됩니다. (2.5D반입체나 3D입체 카테고리로 들어가 옆면사진을 비교해 보세요~) ▶ 인물+배경이 들어간 2D 레이져 LED받침이 결합된 제품으로 파란색 조명을 켰을 때의 모습입니다. (*LED크리스탈 받침-하나크리스탈 자체개발 및 판매중) ---------------------- ☎ 관리자 연락처 : 010-9949-1649 (부재시, 010-9025-2530) ▶ 카톡 플러스 ID : hanacrystal ▶ 네이버톡톡 : 하나크리스탈 ▶ 이메일 : morekjh@hanmail.net (자료보내실 때 확인이 빠릅니다.) ▶ 홈페이지 : http://www.hanacrystal.com