update file pdf thiết kế

Media/.svn/entries

@@ -1 +0,0 @@
-12

Media/.svn/format

@@ -1 +0,0 @@
-12

Media/sisvietnamvn/Homepage.md

@@ -0,0 +1,27 @@
+# Phân Tích Cách Phối Màu (Color Scheme) Của Trang Chủ UMass Amherst
+Dựa vào giao diện trang chủ của Đại học UMass Amherst, trang web này sử dụng một phong cách phối màu **độ tương phản cao (High-contrast), hiện đại và đậm chất thương hiệu**. 
+Dưới đây là phân tích chi tiết về cách họ sử dụng màu sắc:
+## 1. Màu thương hiệu chủ đạo (Primary Brand Color): Đỏ sậm (Maroon)
+*   **Màu Đỏ sậm (Maroon/Dark Red)** là màu nhận diện thương hiệu cốt lõi của trường.
+*   **Cách sử dụng:** Nó được dùng vô cùng chiến lược để điều hướng sự chú ý của người dùng. Bạn có thể thấy màu này xuất hiện ở:
+    *   Logo ở góc trái.
+    *   Thanh điều hướng (Navigation bar) dưới banner chính.
+    *   Các nút bấm quan trọng (Call-to-Action) như: nút tìm kiếm (kính lúp), nút "LEARN MORE", và các nút "APPLY TODAY", "VISIT", "DONATE".
+    *   Các điểm nhấn chữ (Typography accents): chữ "YOUR FUTURE", số "#1", "251", "Top 50" và icon ngày tháng trong mục Sự kiện (Events).
+*   **Hiệu ứng:** Màu đỏ sậm mang lại cảm giác truyền thống, uy tín (đặc trưng của ngành giáo dục), nhưng khi đặt trên nền tối nó lại tạo ra sự năng động và nổi bật.
+## 2. Các màu nền tạo nhịp điệu (Rhythm & Contrast): Trắng, Đen và Xám nhạt
+Trang web không dùng một màu nền duy nhất mà chia thành các dải ngang (color blocks) đan xen nhau để phân tách nội dung rõ ràng, giúp mắt không bị mỏi khi cuộn trang dài:
+*   **Màu Trắng (White):** Được dùng làm nền cho các phần chứa nhiều chữ hoặc số liệu (phần thống kê #1, Apply Today, News & Events). Nền trắng giúp văn bản màu đen dễ đọc nhất, tạo cảm giác không gian mở, thoáng đãng (negative space).
+*   **Màu Đen / Xám đen rất đậm (Black / Dark Charcoal):** Được sử dụng cho các khối nội dung lớn (phần "WHAT'S LIFE LIKE AT UMASS?" và "BLAZE YOUR OWN TRAIL") và chân trang (Footer). Việc dùng nền đen xen kẽ nền trắng tạo ra sự tương phản cực mạnh, mang lại cảm giác mạnh mẽ, hiện đại và cao cấp (premium).
+*   **Màu Xám nhạt (Light Gray):** Xuất hiện ở phần "I'M LOOKING FOR...". Đây là một màu chuyển tiếp tinh tế. Thay vì chuyển gắt từ Trắng sang Đen, màu xám nhạt giúp phân tách phần này với phần nền trắng bên trên mà không làm tổng thể bị nặng nề.
+## 3. Màu sắc văn bản (Typography)
+*   Để đảm bảo **khả năng truy cập (Accessibility - WCAG)**, trang web tuân thủ nghiêm ngặt nguyên tắc tương phản:
+    *   Văn bản màu **Đen** hoặc **Xám đậm** đặt trên nền Trắng/Xám nhạt.
+    *   Văn bản màu **Trắng** đặt trên nền Đen/Đỏ sậm.
+*   Họ không dùng các màu sắc sặc sỡ cho chữ thường, giữ cho tổng thể rất chuyên nghiệp và dễ đọc.
+## 4. Màu sắc bổ trợ từ Hình ảnh (Photography)
+*   Vì bộ màu UI cốt lõi rất trung tính và sắc nét (Đỏ - Đen - Trắng), màu sắc rực rỡ và sinh động của trang web chủ yếu đến từ **hình ảnh và video**. 
+*   Màu xanh lá cây của cây cối, màu xanh dương của bầu trời/nước, và màu da ấm áp của sinh viên trong các bức ảnh giúp trung hòa lại sự khô cứng của các khối màu phẳng, mang lại sức sống và sự thân thiện cho giao diện.
+---
+**Tổng kết:** 
+Cách phối màu này được gọi là **Block Color** kết hợp **Monochromatic Accents** (Dùng khối màu lớn xen kẽ và nhấn bằng một màu thương hiệu duy nhất). Thiết kế này rất hiệu quả cho các tổ chức lớn, vừa giữ được sự sang trọng, uy tín, vừa đảm bảo tính hiện đại và khả năng điều hướng người dùng (UX) cực kỳ tốt.

Media/sisvietnamvn/anesthesia.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.0"
+   width="64pt"
+   height="64pt"
+   viewBox="0 0 64 64"
+   preserveAspectRatio="xMidYMid"
+   id="svg3"
+   sodipodi:docname="anesthesia.svg"
+   inkscape:version="1.4.4 (dcaf3e7, 2026-05-05)"
+   inkscape:export-filename="D:\website_sisvietnam_moi\website_sisvietnam.vn\Media\sisvietnamvn\anesthesia.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs3" />
+  <sodipodi:namedview
+     id="namedview3"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="pt"
+     inkscape:zoom="8.9648437"
+     inkscape:cx="30.731155"
+     inkscape:cy="42.332026"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg3" />
+  <g
+     id="g4"
+     transform="translate(12.000012,11.987487)"
+     style="fill:#ffffff">
+    <g
+       transform="matrix(0.00782777,0,0,-0.00782777,-0.03910335,40.064165)"
+       fill="#000000"
+       stroke="none"
+       id="g3"
+       style="fill:#ffffff">
+      <path
+         d="m 2390,5114 c -484,-46 -883,-202 -1231,-482 -84,-68 -245,-232 -304,-309 l -39,-53 H 705 C 494,4270 353,4213 209,4070 145,4006 114,3965 83,3905 3,3749 5,3773 5,3080 5,2524 7,2459 23,2400 61,2260 151,2118 256,2036 l 52,-41 3,-308 4,-309 24,-19 c 30,-25 62,-24 95,2 l 26,20 v 269 268 l 53,-16 c 43,-13 124,-16 463,-19 l 412,-4 42,-50 c 53,-63 173,-166 266,-228 l 70,-47 -83,-78 c -247,-230 -392,-546 -410,-891 -8,-165 23,-272 112,-389 l 36,-47 -398,3 -398,3 -46,27 c -51,30 -92,84 -108,143 -7,25 -11,176 -11,407 v 367 l -26,20 c -35,28 -69,26 -99,-4 l -25,-24 V 726 C 310,494 314,342 321,308 347,187 424,91 538,37 L 605,5 h 1955 1955 l 67,32 c 114,54 191,150 217,271 8,37 11,306 12,870 v 817 l 60,48 c 105,84 187,215 226,357 16,59 18,121 18,680 0,693 2,669 -78,825 -31,60 -62,101 -126,165 -142,141 -285,200 -486,200 h -103 l -58,73 c -75,93 -210,228 -299,298 -113,90 -238,169 -265,169 -58,0 -95,-60 -66,-105 9,-13 62,-55 118,-94 387,-264 649,-656 723,-1086 35,-196 17,-498 -37,-643 -41,-110 -174,-215 -289,-229 l -50,-6 8,54 c 4,30 7,104 7,164 0,127 -13,169 -93,303 -80,135 -160,238 -259,339 -78,79 -213,190 -267,221 -12,6 -10,17 10,57 33,70 51,177 35,214 -11,27 -46,51 -74,51 -7,0 -25,-9 -38,-20 -19,-15 -27,-32 -32,-75 -7,-59 -33,-135 -47,-135 -4,0 -48,17 -96,39 -164,71 -327,115 -503,135 l -105,12 -3,106 c -3,102 -4,108 -29,128 -42,33 -85,25 -108,-21 -10,-19 -15,-59 -15,-122 v -94 l -87,-7 c -167,-13 -406,-77 -542,-145 -33,-17 -65,-31 -70,-31 -18,0 -41,57 -50,126 -11,75 -22,91 -68,100 -26,5 -37,1 -59,-21 -25,-25 -26,-31 -21,-94 3,-38 17,-95 30,-129 l 25,-61 -96,-77 c -225,-179 -425,-429 -499,-623 -30,-77 -41,-215 -26,-325 l 10,-68 -47,4 c -67,7 -153,50 -208,105 -102,102 -137,236 -136,528 0,209 14,298 74,477 146,436 520,829 979,1028 487,211 1052,237 1552,70 141,-47 161,-49 188,-14 40,50 24,92 -46,122 -147,63 -403,122 -618,142 -102,9 -303,11 -385,4 z M 663,4013 C 496,3675 448,3276 531,2921 c 26,-113 70,-193 149,-271 95,-95 173,-129 351,-155 35,-5 36,-7 66,-98 33,-98 92,-229 142,-314 l 31,-53 H 947 c -357,0 -389,4 -507,63 -136,67 -256,233 -280,387 -6,38 -10,291 -10,605 0,596 3,624 62,745 41,85 142,186 228,230 83,42 140,58 215,59 l 61,1 z m 3934,82 c 186,-63 318,-210 358,-400 12,-57 15,-172 15,-610 0,-314 -4,-567 -10,-605 -24,-154 -143,-319 -281,-387 -116,-59 -150,-63 -502,-63 h -318 l 19,28 c 38,53 116,218 153,322 41,118 24,104 164,129 179,32 339,178 399,366 45,141 63,457 37,630 -29,185 -87,368 -170,533 l -41,82 h 51 c 28,0 85,-11 126,-25 z M 2820,3834 c 240,-41 481,-144 676,-290 157,-118 336,-332 432,-518 36,-70 37,-73 36,-181 -4,-345 -152,-692 -403,-945 -87,-88 -224,-200 -244,-200 -5,0 -5,21 0,48 25,152 -6,362 -77,508 -191,396 -633,549 -1014,351 -62,-31 -102,-63 -171,-132 -133,-133 -207,-279 -236,-466 -11,-73 -8,-257 6,-291 12,-30 -10,-20 -97,44 -334,247 -551,667 -553,1068 0,120 1,128 31,191 70,147 217,337 353,456 347,304 806,433 1261,357 z M 2719,2523 c 211,-58 375,-235 437,-473 35,-130 15,-353 -40,-458 l -14,-26 -7,43 c -4,24 -25,78 -46,122 -144,286 -506,384 -778,210 -100,-64 -188,-185 -222,-301 -18,-64 -24,-66 -43,-17 -69,182 -59,391 29,572 130,270 410,404 684,328 z M 4650,334 c -6,-28 -21,-65 -34,-83 l -23,-31 -7,65 c -25,241 -212,454 -448,510 -37,9 -113,15 -185,15 h -121 l -12,53 c -49,204 -167,404 -341,582 -60,60 -107,110 -106,110 76,46 186,134 271,217 l 110,107 401,4 c 316,3 410,7 450,18 l 50,15 3,-765 c 2,-528 0,-782 -8,-817 z M 2715,1850 c 45,-17 77,-40 126,-89 87,-88 113,-150 114,-277 0,-84 -2,-95 -38,-166 -43,-88 -102,-146 -187,-187 -49,-23 -67,-26 -165,-26 -104,0 -113,2 -170,32 -77,40 -147,112 -182,188 -25,54 -28,71 -28,165 0,92 3,112 26,160 50,106 154,192 265,219 60,16 172,6 239,-19 z m -786,-406 c 14,-31 91,-134 116,-154 10,-8 29,-33 43,-55 51,-83 104,-144 161,-183 l 58,-41 6,-133 c 4,-106 10,-146 30,-200 54,-148 146,-255 273,-317 116,-57 155,-61 612,-61 h 412 l -15,-24 c -25,-37 -113,-93 -176,-111 -50,-14 -154,-15 -905,-13 l -849,3 -48,22 c -142,66 -227,200 -227,356 2,333 156,661 410,874 41,35 78,63 81,63 3,0 11,-12 18,-26 z m 1462,-121 c 85,-89 174,-216 216,-310 21,-49 73,-189 73,-200 0,-2 -189,-3 -420,-3 -485,0 -440,-12 -440,118 v 79 l 48,31 c 61,39 130,112 167,177 16,28 53,76 82,108 29,32 64,78 79,102 l 26,45 45,-32 c 24,-18 80,-70 124,-115 z M 2670,893 c 0,-75 14,-125 47,-163 57,-68 20,-64 738,-70 645,-5 650,-5 705,-27 112,-46 210,-145 251,-253 26,-69 37,-193 19,-215 -16,-19 -169,-22 -188,-3 -7,7 -12,30 -12,53 0,63 -18,113 -57,156 -71,79 -22,73 -748,79 -647,5 -650,5 -705,28 -162,66 -246,191 -257,380 l -6,92 h 107 106 z M 4059,274 c 15,-19 21,-41 21,-75 v -49 h -181 -181 l 30,38 c 17,21 38,54 48,75 l 18,37 h 112 c 110,0 113,-1 133,-26 z"
+         id="path1"
+         style="fill:#ffffff" />
+      <path
+         d="m 1783,2978 c -50,-24 -50,-90 -2,-134 50,-46 110,-68 184,-68 61,0 78,4 125,30 63,35 103,86 94,118 -7,27 -50,66 -73,66 -9,0 -33,-12 -52,-26 -71,-54 -120.0375,-55.047 -184,-4 -40.0375,31.953 -57,35 -92,18 z"
+         id="path2"
+         sodipodi:nodetypes="ccsccscsc"
+         style="fill:#ffffff" />
+      <path
+         d="m 2975,2965 c -38,-37 -33,-71 20,-121 44,-43 118,-74 175,-74 93,0 220,82 220,142 0,18 -10,39 -26,55 -31,31 -70,27 -116,-12 -55,-47 -100,-45 -163,5 -46,36 -78,38 -110,5 z"
+         id="path3"
+         style="fill:#ffffff" />
+    </g>
+  </g>
+</svg>