《寫給大家看的設計書》讀書筆記(一)

来源:http://www.cnblogs.com/shen88/archive/2016/02/26/5220755.html
-Advertisement-
Play Games

今天是我註冊博客園並開通博客的第一天,一直以來,潛水在博客園學習了很多技術,拷貝了很多大神的代碼,不算個鐵粉,怎麼著也是博客園的固定游客,工作5年了,學到了很多技術知識,交到了很多同事朋友,嘗到了很多人情冷暖,結了婚,生了娃,買了房,有了車,人生算是幸福美滿,跟老婆兩個人在同一家公司,拿著夠養活自己


今天是我註冊博客園並開通博客的第一天,一直以來,潛水在博客園學習了很多技術,拷貝了很多大神的代碼,不算個鐵粉,怎麼著也是博客園的固定游客,工作5年了,學到了很多技術知識,交到了很多同事朋友,嘗到了很多人情冷暖,結了婚,生了娃,買了房,有了車,人生算是幸福美滿,跟老婆兩個人在同一家公司,拿著夠養活自己的公司,混著千篇一律的日子,歡聲笑語,酸甜苦辣,多多少少成長了一些,些些許許成熟了一點。(以上都是自侃,算是廢話。)

好了,言歸正傳,是時候該去系統的學習一些知識的時候了。工作這些年,寫過Web,驅動,BIOS,SQL,WPF,安卓,也接過一些項目的私活,總的來說,收穫很豐富,但都屬於初級入門,無一能登堂入室的,所以思緒良久,準備著重自己最喜歡的Web開發入手,進行從前端到後臺再到資料庫的系統的歸納整理以及學習,故而開通博客,旨在監督自己,見證自己的歷程,也希望跟各位大神共同探討,互相切磋。

第一本書,從《寫給大家看的設計書》(作者Robin Williams)開始,個人覺得,一個網站的開發,撇開各種技術,框架,數據的話,最本源的是這個網站的設計,俗話說:愛美之心人皆有之。好的設計,漂亮的頁面總會第一時間吸引用戶的眼球,相反,打開一個排版亂七八糟的網站,對於我來說,第一反應就是釣魚網站,病毒在其中深藏“功與名”,接著的動作就是點擊右上角的X,可能這話說的有點絕對,但80%的人肯定有過這種行為。閑話少說,且看以下讀書心得。

《寫給大家看的設計書》--第一章 約書亞樹

這一章的內容很少,作者通過一個故事,告訴我們其實很多事物其實就在我們身邊,我們不知道這些事物的名字時,潛意思就會認為這些它們對於自己都是完全陌生的,等我們知道並記得它們名字的時候,就會很容易的時刻註意到他們。緊接著引出本章的最重點:4大設計原則:對比(Contrast)、重覆(Repetition)、對齊(Alignment)、親密性(Proximity)。讓我們記住這4個詞!

名詞解釋:

對比:避免頁面上的元素太過相似。這通常是最重要的一個因素,旨在第一印象,引人入勝。

重覆:設計中的視覺要素在整個作品中重覆出現。著既能增加條理性,還可以加強統一性。

對齊:任何東西不能在頁面上隨緣安防。這講的就是網頁的清爽外觀。

親密性:安類別就行歸納歸組放置內容。這可以為讀者提供清晰的架構。

 

總結這幾點,其實就是說:

1.模塊之間要有鮮明的個性(字體、顏色、線條,空間等),形成衝突的視覺感

2.重要的內容或者元素要重覆使用,比如網頁的標簽樣式,鏈接樣式,等要重覆使用。

3.肯定就是網頁要有一定的規矩與清晰的空間劃分,從上到下,從左到右都有一定的整齊感。

4.這個最容易理解,說白了就是網頁的導航欄分類,模塊的內容相關性。

 

好了,第一章的讀書筆記就到這了。最後,感謝一下今天努力的自己!

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Atitit避免出現空指針異常解決方案 1. Null的問題1 2. 強制區分一般引用vs 可空引用 vs 強制引用,或者說非空引用2 3. ?運算符(問號運算符) !感嘆號運算符避免出現空指針異常,2 4. Java 8中的Optional類2 4.1.1. 為什麼使用Optional要比常見的n
  • 封裝一個DB類,用來專門操作資料庫,以後凡是對資料庫的操作,都由DB類的對象來實現。這樣有了自己的DB類,寫項目時簡單的sql語句就不用每次寫了,直接調用就行,很方便! 1.封裝一個DB類。一個類文件應該只有一個類,其他的內容全部都沒有。類文件的命名規則:類名.class.php 下麵是創建DB類的
  • 1、下載jdk和eclipse jdk下載地址: 1.8版本 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 1.7版本 http://www.oracle.com/technet
  • 想替換string里的空格,遍歷替換提示如題錯誤,查詢得知string類型不可更改 1 import string 2 s = "2013/2/12" 3 b = s.replace('/','_') 4 5 print b
  • print u"中文" # -*- coding: utf-8 -*- 這句話放在最上面,記得是最上面,頂格寫 這樣,print後,字元串前就不用加u了
  • 1、普通輸入輸出類 1.1 InputStream類型:用來表示從不同數據源產生輸入的類,數據源包括 位元組數組 String對象 文件 管道:工作方式與實際管道相似,從一端輸入,從另一端輸出; 一個由其他種類的流組成的序列,以便可以將它們收集合併到一個單一的流內; 1.1.1 每一種數據源都有相應的
  • 順時針旋轉列印矩陣。
  • 分享自己寫的一個簡化版LOG輸出巨集 extern int verbose; #define DBG(...) XLOG(4, "DBG", lxx_va_args) #define INFO(...) XLOG(3, "INF", lxx_va_args) #define WRN(...) XLOG
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...