Beispiele für UI-Design mit Blocklayout?

Mit Block-Layout meine ich Stil wie diesen:Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein

Medium , Readwrite , Kicktarter

Auf Galerieseiten gibt es nicht allzu viele (z. B. Flat UI Design ). Die meisten von ihnen dienen der Produktwerbung und legen zunächst einen großen Fokus darauf. So was:Geben Sie hier die Bildbeschreibung ein

Und ich entwerfe eine Website, die ein Blocklayout benötigt, und brauche wirklich mehr Beispiele zur Inspiration. Wo könnte ich sie finden?

Antworten (1)

Ich bin mir nicht sicher, worauf Sie abzielen; Für mich scheinen Ihre Beispiele einfach Websites zu sein, die auf einem Raster basieren (was im Grunde alle Websites sind ...), bei denen das modulare Raster jedoch klar durch Bilder von farbigen Kästchen definiert ist. Jede Suche nach

  • Grid-Webdesign

  • Website design

  • Schweizer Design

    würde Ihnen eine erschöpfende Fülle von Beispielen geben.

Wenn Sie hauptsächlich auf Bilder in einem Raster abzielen, könnte ein loser Vorschlag Masonry JS library sein . Ihre Frage ist nicht sehr spezifisch, daher würde eine Klärung, mit welchem ​​​​Material Sie arbeiten müssen, was das Ziel ist, wo Sie stecken bleiben, vielleicht eine bessere Antwort geben.

Bearbeiten: Jedes Framework für das Web wird eine Alternative zu diesem extrem einfachen Layout haben. Da ich nicht weiß, was Sie brauchen, haben WordPress, Bootstrap, Joomla, Boilerplate alle diese einfache Div-Struktur. Wenn Sie dieses Layout von unten erstellen möchten , erhalten Sie bei jeder Suche nach "simple css three column" Beispieldateien. Oder in der Tat eine Suche nach "Beispiel für ein dreispaltiges Weblayout".

Siehe mein UPDATE. Ich meine nur rechteckiges Layout.
...aber meinst du Inspiration oder praktische Web-Frameworks?
Nur Beispiele für Inspirationen. Aber gibt es dafür einen Rahmen? Ich habe es Mansoryschon einmal verwendet, aber es ist für den Kaskadeneffekt. Ich habe rectangledas Gefühl, dass es nur Rand, Rand usw. braucht.
Ahh .... Es ist nicht nur sidebarStil. Ich meine das rectangle, es hat Höhe und Lücken zwischen ihnen. Im mediumBeispiel ist es die Sammlung, repräsentiert durch ein Foto und seinen Titel. In ReadWritewird jede Geschichte auch in einer rechteckigen Form präsentiert. Ich möchte mehr von dieser Art von Stil sehen: wie die Informationen (Titel, Bild, Inhalt) dargestellt werden und welche Farbkombination (für Rahmen, Hintergrund usw.) sie verwenden. Ist das klar?
Oder ist es eher wie der Metro-Stil von win8?
Hm, aber ich verstehe das Problem nicht. Sie brauchen Inspiration und meine Beispiele würden Ihnen die sicherlich geben. Was die praktische Ausführung betrifft, so ist dies in CSS unglaublich einfach. Alle Websites haben das grundlegende "Boxed"-Framework mit wiederholten Divs. Wenn sich Ihre Frage nicht auf das praktische Programmieren bezieht, verstehe ich einfach nicht wirklich, wie ich in meinen Vorschlägen spezifischer sein kann.
Nun .... Ich brauche nur mehr Beispiele (Websites). Und meine Probleme sind, dass ich wirklich nicht genug finden kann. Zum Beispiel gibt es in expo.getbootstrap.com nicht allzu viel in diesem Stil. (Aber selbst ist einer)
...aber Sie suchen nicht die Funktion , sondern den Gestaltungsstil? Es ist also technisch gesehen nicht das Layout als solches, da Sie sich für die "Kästchen in den Spalten" entschieden haben, also ist es eine Frage, was Sie dort einfügen sollen? oder Schriftarten? oder Bilder? Entschuldigung, ich scheine das Problem nicht zu verstehen :-S
Ich denke, ich sollte es besser umformulieren als „Wo finde ich mehr Websites mit Stilen wie Medium, Getpocket, Readwrite, in denen die Informationen (Geschichten/Posts/Links) wie ein kleines Rechteck dargestellt werden“? So ziemlich im Metro-Stil. Es steht im Gegensatz zum traditionellen Blog-Layout (es gibt keine Rahmung der Informationen)
Beispiele für UI-Design mit Blocklayout?
AntwortenHierDatenschutz-Bestimmungen1y, 0v