::WinLux-Compeople::+82-10-4621-0514

반응형 디자인(RWD : Responsive Web Design)
가로 크기에 변화를 줄 때, 콘텐츠들이 웹브라우저의 가로 사이즈에 맞춰 유동적으로 재배치되는 형태.
일반적으로 반응형 웹은 % 단위를 사용하여 각 디자인의 폭에 유동적으로 반응하여 콘텐츠의 크기가 줄거나 커지고 오브젝트 배열도 변경된다.
웹브라우저의 가로 넓이에 따라 유동적으로 변하는 유동형 레이아웃(fluid layout)과 유연한 이미지(flexible image), 그리고 미디어 쿼리(media queries)가 어우러져 환경에 반응하여 스스로 적응하는 방식.
적응형 웹과 눈으로 확인했을 때 가장 큰 차이점은 창을 줄일 때 애니메이션 효과로 비율이 줄어드는 것이 보인다는 것.

** 반응형 웹사이트 : http://www.antro.ca/en/

 

적응형 디자인 (AWD : Adaptive Web Design)
사용자가 브라우저의 가로 크기를 변경해서 디자이너가 지정한 해상도에 도달하면 레이아웃이 재배치되는 형태.
PX 단위를 사용하며 몇 개의 해상도를 지정하여 CSS 코딩시 브라우저가 그 사이즈에 도달하면 그때 디자이너가 준비해 둔 레이아웃을 보여줌.
뷰를 정해둔 상태에서 고정폭, 위치, 디자인들이 기준이 되는 넓이 값을 만났을때 적용되므로 각각의 해상도마다 레이아웃이 달라짐.
** 적응형 웹사이트 : http://easy-readers.net/books/adaptive-web-design/

* 지인이 포토샵에서.. 아랍어 코딩을 해야 하는데.. 뭐가 자꾸 안된다고 해서.. 알아봤다..

* 알아보니.. 아랍어는.. 우리가 쓰는 글쓰기 순서와 반대임..

* 1.abcd -> dcba.1 이런식으로 쓰는데.. Ms-Word에서 정상적(아랍어순...)으로 작성된 아랍어를 복사해다가..
포토샵에 텍스트레이서 생성후 붙여넣기 하면..(Ctrl+v).. "dcba.1"식으로 써져야 하는데.. 풀려버린다.. "1.abcd" 이런식으로..

* 그래서 몇가지 찾아봤다.. 확실한 해결책인지는 모르나.. 일단.. 지인은 만족했다..

* 알아낸 방법은 크게 2가지 정도가 있었다..

* 첫번째 방법은.. 아랍어 코딩방식에 맞춰진 포토샵템플릿(ArabicTemplateForCS4.psd)을 이용해서.. 포토샵에서 코딩하고.. 해당 레이어를 복사하면서 사용하는 방법...
* 두번째 방법은.. 아랍어 형태로 바꾸어 주는 사이트가 있다.. 거기서 변환해서 사용하면 정상적(아랍어순...)으로 표기가 된다.

* 첫번째.. 아랍어 탬플릿 이용..
  - 해당파일을 포토샵에서 열어보면.. 텍스트 레이어가 있다.. 해당 레이어를 텍스트 수정..하면. 정상적인 아랍어순 코딩이 되는걸 확인할 수 있을것이다..

* 두번째.. 아랍어 변환사이트 이용..
  - 아래 링크 사이트에 들어가 보면.. 상단. 키보드 입력창에 기존.. 문제가 되던..(ms-word에서는 정상적으로 보이고.. 포토샵에서 코딩하면.. 반대로 풀려버리는...) 문자를 복사후 붙여넣기를 해준다...
  - 그러면.. 자동으로 하단부에... 아랍어 코딩이 보여지고.. 하단부. Copy를 클릭하면. 클립보드에 복사가 된다..
  - 포토샵에서 text레이어를 생성하고.. 붙여넣기(Ctrl+v)를 하게 되면. 정상적으로 코딩이 되는걸 확인할 수있다.
http://www.arabic-keyboard.org/photoshop-arabic/

* 전문적인 디자인너도 아니고.. 이게.. 확실한 답인줄 은 알수 없으나.. 일단.. 몇년차.. 디자이너인 지인이 만족했고.. 결과도 정상적으로 나오니.. 된거 아닌가 싶다..

* 나와 같은.. 또는 지인과 같은.. 사람들이 있을것 같아 몇자 적어본다...